jQuery加载,防止发生两次？

Question

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

如果用户反复点击导航菜单项,我注意到了一些棘手的行为.

现在我的代码就像隐藏内容窗格,加载新页面,然后淡入:

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

有问题的行为:单击新链接,窗格淡入上一页(然后更新到新页面)

我尝试过使用$.ajax({async:false});,但这一切都持续存在.此时,我正在考虑重新编写我的导航系统以根据url参数改变包含,除非可以提供一些见解,以便我可以阻止它排队第二次加载调用直到第一次加载完成？

Answer 1

您可以使用"完整"回调.它在请求完成时执行.

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

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