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