Question

您好我有一个网站，它使用了几个不同的jquery，现在它们在页面上都可以正常工作，但是当你添加它们时，它们都会停止工作。以下是我认为存在冲突的两段代码，

是因为他们都使用

  $(document).ready(function(){

以下是两段代码。

    jQuery(document).ready(function() {
                jQuery('#example2').showbizpro({
                    dragAndScroll:"off",
                    visibleElementsArray:[5,4,3,1],
                    carousel:"on",
                    heightOffsetBottom:10,
                    mediaMaxHeight:[150,150,150,150],
                    rewindFromEnd:"off",
                    autoPlay:"off",
                    delay:2000,
                    speed:750
                });

                // THE FANCYBOX PLUGIN INITALISATION
                jQuery(".fancybox").fancybox();

            });

第二段代码是

    $(document).ready(function(){
            $('#layerslider').layerSlider({
                skinsPath : 'skins/',
                skin : 'borderlessdark3d',
                thumbnailNavigation : 'hover'
            });
        });

任何建议都会非常感谢，因为我重新认识Jquery所以任何建议都会有所帮助。感谢

Answer 1

只需组合两个块并使用“$”选择器而不是“jquery”？

$(document).ready(function(){
    $('#example2').showbizpro({
        dragAndScroll:"off",
        visibleElementsArray:[5,4,3,1],
        carousel:"on",
        heightOffsetBottom:10,
        mediaMaxHeight:[150,150,150,150],
        rewindFromEnd:"off",
        autoPlay:"off",
        delay:2000,
        speed:750
    });
    $('#layerslider').layerSlider({
        skinsPath : 'skins/',
        skin : 'borderlessdark3d',
        thumbnailNavigation : 'hover'
    });
    // THE FANCYBOX PLUGIN INITALISATION
    $(".fancybox").fancybox();
});

两个文档就绪函数之间的Jquery冲突

1 个答案: