2013-01-16 55 views
0

这一小块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。现在停一段时间,但到目前为止没有运气。我似乎无法通过阅读API文档来理解jquery。任何帮助与.stop将不胜感激;谢谢。

+0

这段代码只能在一个元素上使用,因为它使用了一个ID,而ID是唯一的? – adeneo

回答

0

您正在使用委派。看看this。寻找委派的例子。这可能会帮助你。

+0

对不起,应该进一步阅读,文档并没有真正帮助你很多,在这里我去链接一个文档... – John

+0

如果我运行这个地方,我会强烈建议所有那些“看看文档”类型的回复(这个地方充斥着他们),因为它通常是告诉某人他们懒惰/ stoopid或者只是不够酷,无法与先进的stackoverflow书呆子挂在一起。如果我在这里:是的,我搜索了它,是的,我阅读了文档,是的,我用相同的代码搞了几个小时。我只是一个左脑的家伙 - 这就是为什么我来到这里,向你咨询左脑的人。困难在于左脑对右脑有偏见。 – user1691389