javascript - 我的图片库（滑块）停止工作

Question

我使用的是 Florance 主题，它带有一个使用 jquery 和 jcarousellite 的滑动图片库。它以某种方式停止工作（2天没问题）并且错误（对象不支持此属性或方法）指向脚本。有问题的网站是www.happystay.net

拜托，我需要一些帮助。提前致谢。

Answer 1

我注意到您在声明轮播之前正在使用 jQuery.noConflict()。您试图避免与之发生冲突的页面上有什么特别的东西吗？

我使用 Safari 的 javascript 控制台在没有 jQuery.noConflict() 部分的情况下运行轮播，它似乎启动了。尝试编辑脚本以使用普通的旧 jQuery $ 符号运行，看看会发生什么。

编辑：如果您要删除 noConflict，这就是代码的样子。

<script type="text/javascript">
$(document).ready(function(){
    $(".mygallery").jCarouselLite({
        btnNext: ".nextb",
    btnPrev: ".prevb",
    visible: 1,
    easing: "backout",
    auto: 800,
    speed: 1500
  });
});
</script>

一般来说，没有理由使用 noConflict ，除非另一个脚本正在竞争 $ 变量。一个常见的例子是，如果您尝试在同一个网站上使用 jQuery 和 MooTools。

Answer 2

请这样做....在有这个的行之后<script type='text/javascript' src='http://www.happystay.net/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>

放 <script type="text/javascript"> var $jx = jQuery.noConflict(); </script>

它现在应该看起来像这样......在第 17 行

<script type='text/javascript' src='http://www.happystay.net/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
<script type="text/javascript"> $jx = jQuery.noConflict(); // note i added this line</script>  
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/jquery.easing.1.1.js?ver=2.9.2'></script> 
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/jcarousel.js?ver=2.9.2'></script> 
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/jquery.mousewheel.js?ver=2.9.2'></script> 
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/cufon.js?ver=2.9.2'></script> 
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/Liberation_Serif_400.font.js?ver=2.9.2'></script> 

那么第246行现在应该是这个......

<script type="text/javascript"> 
$jx(document).ready(function(){
$jx(".mygallery").jCarouselLite({
btnNext: ".nextb",
        btnPrev: ".prevb",
      visible: 1,
      easing: "backout",
      auto: 800,
       speed: 1500
    });

});
</script> 

希望它修复它....
演示在这里
解释

编辑：

好的，所以这是一个 wordpress ......嗯，在 php 脚本中添加怎么样

echo "<script type='text/javascript'> var $jx = jQuery.noConflict();</script>";

后

wp_enqueue_script('jquery');