如何在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"; 
});