jquery prepend + fadeIn

yre*_*uta 51 ajax jquery jquery-animate

我有这个代码:

$.ajax({
        url : url,
        data : {ids : JSON.stringify(jsonids), hotel_id: hotel_id},
        success : function(response)
        {
            $('#be-images ul').prepend(response).fadeIn('slow');
        },
        dataType: 'html'
    });
Run Code Online (Sandbox Code Playgroud)

但淡入淡出不起作用......我希望内容可以预先添加并消失......我将如何做到这一点?

提前致谢!

cle*_*tus 108

假设response是HTML,那么试试这个:

$(response).hide().prependTo("#be-images ul").fadeIn("slow");
Run Code Online (Sandbox Code Playgroud)

当你这样做时:

$('#be-images ul').prepend(response).fadeIn('slow');
Run Code Online (Sandbox Code Playgroud)

你真正淡入的东西是初始选择器(前面的列表)的结果,它已经可见了.


nic*_*ckf 40

+1到cletus,但我只是想突出你可以做到的另一种方式.

$('#be-images ul').prepend(
    $(response).hide().fadeIn('slow')
);
Run Code Online (Sandbox Code Playgroud)

  • +1有趣.我从来没有见过这样做过. (5认同)