jQuery - ajax调用和动画

Question

我试图在ajax调用后在div上引入一些效果。这是我的ajax jQuery，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;
});

}