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

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();
});