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。寻找委托的例子。这可能对你有帮助。

脚本导致链接有一个定时延迟

1 个答案: