Question

我正在为我的项目使用Jquery轮播选项卡滑块。但是我遇到了一些问题，就是当我点击精选产品时，滑块会停止工作。

请参阅link以供参考

另请参阅html jsfiddle

的js小提琴

参见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

Answer 1

如果您想使用多个版本的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版本..

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

1 个答案: