jQuery腳本不想一起工作

Question

我正在建立一個網站。 我正在做響應式菜單和jQuery腳本，但效果不好。 我的意思是每個腳本都能很好地工作，但是所有這些腳本都不希望那么好。 第一個是響應式菜單，它正在殺死所有內容，因此該菜單無法正常工作：/

<script type="text/javascript" src="jquery-2.2.3.min.js"></script>

<script type="text/javascript" src="jquery.scrollTo.min.js"></script>

<script type="text/javascript" src="jquery.sticky.js"></script>

<script>

    $(document).ready(function(){
        $(".menu-trigger").click(function(){
            $("#mainnav").slideToggle(900);
        });
    });

    jQuery(function($)
    {
        //zresetuj scrolla
        $.scrollTo(0);

        $('#link').click(function() { $.scrollTo($('#zjazd'), 2000); });
    }
    );

    $(document).ready(function(){

        $("#container").sticky({topSpacing:0});

    });

    $(document).ready(function(){

        $(window).scroll(function(){
            if ($(this).scrollTop() > 400) {
                $('.scrollup').fadeIn('slow');
            } else {
                $('.scrollup').fadeOut('fast');
            }
        });

        //Kliknij aby przewinąć do góry
        $('.scrollup').click(function(){
            $('html, body').animate({scrollTop : 0},1500);
            return false;
        });

    });

</script>

那怎么了？ 怎么了？ 我仍在學習，這可能確實是一個愚蠢的問題，但對於我而言，今天...

所有網站已經響應。

你可以看到這里有什么問題

當我刪除其余腳本並僅將其保留給響應菜單時，它可以正常工作；當我刪除此腳本以使響應菜單時，所有其余部分都可以正常工作；但是當所有腳本都在一起時，則僅此菜單項可以正常工作，但其余部分可以正常工作。 我不知道怎么回事。

我仍在學習...並且正在使用的網站非常好。

Answer 1

您只需要一個$(document).ready(function() { });

它的第一件事應該是調用要使用的插件。

$(document).ready(function(){
    $("#container").sticky({topSpacing:0});

    $.scrollTo(0);

    $(".menu-trigger").click(function(){
        $("#mainnav").slideToggle(900);
    });


    $('#link').click(function() { 
        $.scrollTo($('#zjazd'), 2000); 
    });

    $('.scrollup').click(function(){
        $('html, body').animate({scrollTop : 0},1500);
        return false;
    });
});
$(window).scroll(function(){
    if ($(this).scrollTop() > 400) {
        $('.scrollup').fadeIn('slow');
    } else {
        $('.scrollup').fadeOut('fast');
    }
});