php - jQuery Load，防止发生两次？

Question

我正在使用 jquery load 将 php 页面加载到我的内容区域。

如果用户滥用导航菜单项，我注意到一些古怪的行为。

现在我的代码很简单，就是隐藏内容面板，加载新页面，然后淡入:

 $("#homeLink").click(function(){
    $("#contentPane").hide();
    $("#contentPane").load("welcome.php");
    $("#contentPane").fadeIn();
 });

有问题的行为:单击新链接， Pane 与上一页一起淡入(然后更新到新页面)

我尝试使用 $.ajax({async:false});，但这一切仍然存在。在这一点上，我正在考虑重写我的导航系统以根据 url 参数改变包含，除非可以提供一些关于如何阻止它排队等待第二次加载调用直到第一个加载调用完成的见解？

Answer 1

您可以使用 "complete"打回来。它在请求完成时执行。

$("#homeLink").click(function() {
    var pane = $("#contentPane");

    pane.hide();
    pane.load("welcome.php", function() {
        pane.fadeIn();
    });
});