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

我正在为我的项目使用jquerycarousel选项卡滑块。但我遇到了一些问题，那就是当我点击特色产品时，滑块会下降并停止工作

请参阅以供参考

另请参见js FIDLE中的html

请参阅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>

addOnload（函数（）{
BIGB.utils.runOnload（）；
});
addWindowOnload（函数（）{
runWindowOnload（）；
});
require_module.init（{“carousel”：{“url”：“slider/carousel-e1e730d.js”}）；
需要_module.js（“旋转木马”，函数（）{
$（“.require nav carousel”）。每个（函数（）{
var$this=$（this）；
变量参数={
内容：$（'.ccarousel'，$this），
纽特诺夫拉普：没错，
滑块重叠：正确
};
var parsed_params=$this.data（）；
$.extend（参数，已解析的参数）；
var navCarousel=新的BIGB.ui.Carousel（参数）；
navCarousel.init（）；
$this.removeClass（“需要导航转盘”）；
});
});
BIGB.linkTracking.setContext（“hp”）；
$（'.bannerHolder'）。每个（函数（）{
$（此）.mouseenter（函数（）{
$（this）.addClass（'hoverIn'）.removeClass（'hoverOut'）.removeClass（'nottransition'）；
}).mouseleave（函数（）{
$（this）.addClass（'hoverOut'）.removeClass（'hoverIn'）.addClass（'nottransition'）；
});
});
（功能（）{
变量$window=$（window）；
$window.bind（'scroll'，'throttle（enableCristmasaluenit，200））；
$window.bind（'resize'，u.throttle（enableCristmasaluenit，200））；
变量$saleUnit=$（'.sticky unit'）；
函数enableChristmasSaleUnit（）{
requestAnimFrame（函数（）{
var st=$window.scrollTop（）；
如果（st>200）{
！$saleUnit.hasClass（“粘性单元激活”）&&$saleUnit.addClass（“粘性单元激活”）；
}否则{
$saleUnit.hasClass（“激活的粘性单元”）和&$saleUnit.removeClass（“激活的粘性单元”）；
}
});
}
})();

请参见下图以了解错误

---

如果要使用多版本的jQuery，请尝试以下解决方案：）

var jQuery221=$.noConflict（true）；
var jQuery110=$.noConflict（true）；

---

然后将所需的插件与所需的jQuery版本一起使用。

您是否有任何控制台错误。@Outlooker:是的，我将错误设置为“uncaughttypeerror:undefined不是函数”，哪些脚本导致了冲突。@Outlooker:

$（'.#main slider.carousel'）。carousel({

这是它给出错误的那一行。你使用的是2个版本的jQuery吗？..我没有使用2.2.1.js？它是我的版本吗？我应该检查一下吗？

<!-- 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>