jquery - 脚本导致链接有时间延迟

Question

这一小块 jquery 导致页面上的所有其他链接发生了一些有趣的事情，即，他们做任何他们应该做的事情，但只有在大约 1 秒的奇怪时间延迟之后。

单击运行以下代码的链接后会发生这种情况:

$('#content').on("click", "a#goto_faq", function() {

    $("html, body").animate({ scrollTop: 0 }, 1234, 'easeInExpo');

    var toLoad = $(this).attr('href')+' #content';  

    $('#content').delay(888).slideUp(888,'easeOutExpo',loadContent);        
    function loadContent() {
        $('#content').load(toLoad,'',showNewContent);  
    }
    function showNewContent() {
        $('#content').slideDown(777,'easeInExpo');
    }
    $("html, body").delay(777).animate({ scrollTop: 405 }, 777, 'easeInExpo',goToFAQ);
    function goToFAQ() {
    $("html, body").delay(2700).animate({ scrollTop: 1415 }, 2222, 'easeInOutExpo');
    }
    return false;

});

因此，您单击 id="goto_faq"，所有内容都会加载并滚动窗口。一旦所有功能/动画完成，无论您决定下一步点击哪个链接，都需要大约一秒钟的时间才能触发。 (从那时起所有链接都很好——它只是上述脚本之后的第一个链接。[这让人觉得脚本一定仍在后台运行。])

我一直在玩 jquery.stop 有一段时间了，但到目前为止运气不好。我似乎无法通过阅读 API 文档来理解 jquery。 .stop 的任何帮助将不胜感激；谢谢。

Answer 1

您正在使用委派。看看this .查找有关委派的示例。这可能对您有所帮助。