我可以使jQuery的load（）;慢慢出现？

Question

jQuery代码：

$(document).ready(function() {
  $("#post_submit").click(function(event) {
      event.preventDefault();
    $("#show").load("post.php", {
      submit: $("#post_submit").val(),
      title: $("#title").val(),
      body: $("#body").val(),
      tags: $("#tags").val()
    });
  });
});

这很好用，并且信息显示在没有页面重新加载（yay）的情况下，但它不是很流畅。我想知道如何让它看起来很慢，比如$(div).show("slow");或$(div).toggle("slow")。

Answer 1

执行此操作的方法是将新内容加载到隐藏容器中。然后，将show（'slow'）链接到load事件的结尾。

如jQuery documentation所示，load返回jQuery对象，因此可以与其他事件链接。

的内容

$("#show").hide();
$("#show").load("post.php", {
  submit: $("#post_submit").val(),
  title: $("#title").val(),
  body: $("#body").val(),
  tags: $("#tags").val()
}).show("slow");