jquery:立即停止发生的一切

Question

我刚刚学习 jquery，我花了很长时间浏览 jquery api 站点来创建这几行代码。我想要做的是使用ajax从另一个页面加载内容并将其放入现有的div中。目前，代码可以工作，但是当我单击链接时，所有步骤都会一次性执行，因此它在 #content div 向上滑动时执行 load() 函数...

我想要它做的是一步一步地处理每一行，所以在一行完成后，下一行开始(例如#content div向上滑动，然后#content里面的东西被删除，但目前，#content div在完成向上滑动之前就变空了)

$(document).ready(function(){

  $("#nav a").click(function(event){
    event.preventDefault();
    $("#content").slideUp();
    $("#content").empty();
    var navlink = $(this).attr("href");
    $("#content").load(navlink + " " + "#content");
    $("#content").slideDown();

  })


});

Answer 1

使用回调选项:

$(document).ready(function(){

  $("#nav a").click(function(event){
    event.preventDefault();
    $("#content").slideUp("normal", function() {
      $("#content").empty()
       .load($(this).attr("href") + " " + "#content")
       .slideDown(); //Just so this won't wrap here, can be one line
    });    
  });
});