jQuery脚本不想一起工作

jQuery scripts don't want to work together

本文关键字:工作 一起 不想 脚本 jQuery      更新时间:2023-09-26

我正在做一个网站。我正在做响应式菜单和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>

那么出了什么问题呢?这是怎么回事?我还在学习,这可能是一个非常愚蠢的问题,但今天对我来说......

所有网站都已经响应。

你可以在这里看到出了什么问题

当我删除其余脚本并仅将其保留为响应式菜单时,它工作得很好,当我删除响应式菜单时,所有其余部分都

运行良好,但是当所有脚本都在一起时,只有菜单的这个效果不佳,但其余部分工作正常。我不知道发生了什么。

我还在学习...我正在工作的网站非常好。

你只需要一个$(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');
    }
});