0

こんにちは、私はいくつかの異なる jquery を使用する Web サイトを持っています。現在、それらは両方ともページ上で正常に動作しますが、両方を追加すると動作が停止します。以下は、競合していると思われる2つのコードです。

両方使ってるからかな

  $(document).ready(function(){

以下に 2 つのコードを示します。

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

            });

そして2番目のコードは

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

私はJqueryに新しくなったので、どんなアドバイスも助けになるので、どんな提案も大歓迎です。ありがとう

4

1 に答える 1

0

2 つのブロックを組み合わせて、「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();
});
于 2013-11-06T16:19:08.013 に答える