如何在jQuery中添加加載頁面以點擊功能？

Question

我使用下面的腳本來關閉聯繫人面板：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#home").click(function(){ 
     $("#panel").slideUp("slow"); 
     $(this).toggleClass("top-current"); 
     $(this).toggleClass("top"); 
     $("#contact").toggleClass("top-current"); 
     $("#contact").toggleClass("top"); 
     return false; 
    }); 
}); 
</script> 

由於我使用不同的頁面上相同的腳本，如果用戶在頁面上以外的主頁，然後我需要增加更多添加到腳本中，以便在面板關閉後加載主頁（index.html）。所以我想我會需要一個延遲，然後index.html頁面加載，但我不知道如何在jQuery中做到這一點，並會感謝一些幫助。

感謝，

尼克

Answer 1

我認爲當你說你需要添加一個延遲，你的意思是，你要等到滑動動畫完成。您可以爲動畫完成時將運行的slideUp方法提供回調函數。在該回調中，您可以將用戶發送到您的主頁：

$("#panel").slideUp("slow", function() { 
    window.location = "index.html"; 
});