這一小塊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將不勝感激;謝謝。
這段代碼只能在一個元素上使用,因爲它使用了一個ID,而ID是唯一的? – adeneo