Question

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

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

Answer 1

我注意到你在声明Carousel之前正在使用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>

希望它能解决它.... 演示here
解释here

修改

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

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

<强>后

wp_enqueue_script('jquery');

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

2 个答案: