jQuery - ajax调用和动画

Question

我想在ajax调用后在div上引入一些效果。这是我的jQuery for ajax，ajax工作得很好，但没有任何效果我试图从脚本中引入。 我该如何做到这一点？我希望新的数据以slideDown效果显示在div中。

function item_submit(){ 
    $('#item_item_button').click(function() { 
     $.ajax({ 
      type: 'POST', 
      url: "/item/create", 
      data: $('#create_item').serialize(), 
      error: function(){ }, 
      success: function(data) { 
       $("#item_form").hide(); 
       $('#view_item').html(data); 
      }, 
      complete: function() { 
       $('#view_item').slideDown(); 
      } 
     }); 
     return false; 
    }); 
} 

Answer 1

尝试用下面的代码：

function item_submit(){ 
    $('#item_item_button').click(function() { 
     $.ajax({ 
      type: 'POST', 
      url: "/item/create", 
      data: $('#create_item').serialize(), 
      error: function(){ }, 
      success: function(data) { 
       $('#item_form').before(data); 
       $('#view_item').hide().slideDown('slow'); 

      } 

    }); 
    return false; 
}); 

}