Question

我是jquery的新手，我创建了一组导航链接，只需点击一下即可完成多项功能。加载文件似乎需要很长时间，因此在网页对点击的链接作出反应之前需要很长时间。这可能是因为我有“scrollTo”jquery插件吗？我附上了一个链接控件的示例，所有链接都是相同的，有一些变化。

问题是代码的格式还是代码本身的问题？

   $(".releases").click(function(){
    $('html, body').stop().animate({ scrollTop: 0 }, 3000, function(){ //returns to top of the page
        $("#content").load('content.html #releases'); //loads the content associated with the link
        $("#banner").stop().animate({
            'background-position-x' : '-700px',
            'background-position-y' : '-500px'}, //background image position change
            2000, function()
            {$.scrollTo("#content", 3000); //returns to the main page content
        });     
    });
});

Answer 1

我不认为你的代码加载速度慢，我认为问题在于代码本身。它正在尝试在加载其他信息之前返回到页面顶部，如果您打开新页面它将位于顶部，并且将允许页面滚动回顶部3秒钟。

$('html, body').stop().animate({ scrollTop: 0 }, 3000, function(){

这是你的问题，如果页面已经在顶部，你需要一个if - else语句来覆盖初始滚动顶部。

加载代码缓慢

1 个答案: