针对滑块选项卡的Jquery冲突问题不适用于第二个选项卡

我正在为我的项目使用Jquery carousel选项卡滑块。但是我遇到了一些问题，那就是当我点击特色产品时滑块停止工作并停止工作。针对滑块选项卡的Jquery冲突问题不适用于第二个选项卡

请参阅link供您参考

也看到JS捣鼓的HTML jsfiddle

见JScode： -

<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 

<script type="text/javascript"> 
    addOnload(function() { 
     BIGB.utils.runOnload(); 
    }); 
    addWindowOnload(function() { 
     BIGB.utils.runWindowOnload(); 
    }); 
    require_module.init({ "carousel": { "url": "slider/carousel-e1e730d.js" } }); 
</script> 
<script type="text/javascript"> 

    require_module.js("carousel", function() { 
     $(".require-nav-carousel").each(function() { 
      var $this = $(this); 
      var params = { 
       content: $('.ccarousel', $this), 
       buttonOverlap: true, 
       sliderOverlap: true 
      }; 
      var parsed_params = $this.data(); 
      $.extend(params, parsed_params); 
      var navCarousel = new BIGB.ui.Carousel(params); 
      navCarousel.init(); 
      $this.removeClass("require-nav-carousel"); 
     }); 
    }); 
    BIGB.linkTracking.setContext("hp"); 
    $('.bannerHolder').each(function() { 
     $(this).mouseenter(function() { 
      $(this).addClass('hoverIn').removeClass('hoverOut').removeClass('noTransition'); 
     }).mouseleave(function() { 
      $(this).addClass('hoverOut').removeClass('hoverIn').addClass('noTransition'); 
     }); 
    }); 
    (function() { 
     var $window = $(window); 
     $window.bind('scroll', _.throttle(enableChristmasSaleUnit, 200)); 
     $window.bind('resize', _.throttle(enableChristmasSaleUnit, 200)); 
     var $saleUnit = $('.sticky-unit'); 
     function enableChristmasSaleUnit() { 
      requestAnimFrame(function() { 
       var st = $window.scrollTop(); 
       if (st > 200) { 
        !$saleUnit.hasClass("sticky-unit-active") && $saleUnit.addClass("sticky-unit-active"); 
       } else { 
        $saleUnit.hasClass("sticky-unit-active") && $saleUnit.removeClass("sticky-unit-active"); 
       } 
      }); 
     } 
    })(); 

</script>

见下面的图片进行错误 Error Image

来源

2015-02-12 BNN

做ü有任何控制台错误..？ – Outlooker 2015-02-12 06:46:47

@Outlooker：是的，我有错误为“Uncaught TypeError：undefined不是函数” – BNN 2015-02-12 06:50:00

哪些脚本导致冲突..？ – Outlooker 2015-02-12 06:54:15

如果您想使用多个版本的jQuery，请尝试以下操作解决方案队友.. :)

<!-- load jQuery 2.2.1 --> 
<script type="text/javascript" src="jquery-2.2.1.js"></script> 
<script type="text/javascript"> 
var jQuery221 = $.noConflict(true); 
</script> 

<!-- load jQuery 1.10 --> 
<script type="text/javascript" src="jquery-1.10.js"></script> 
<script type="text/javascript"> 
var jQuery110 = $.noConflict(true); 
</script>

然后使用与所需的jQuery版本所需的插件..

来源

2015-02-12 07:05:59 Outlooker

我没有使用2.2.1.js？它会是我的版本，我应该检查吗？ – BNN 2015-02-12 07:07:37

伙计，它不工作.. :( – BNN 2015-02-12 07:12:16

针对滑块选项卡的Jquery冲突问题不适用于第二个选项卡

回答

相关问题