javascript - jQuery SlideDown 在新附加的 div 上

Question

我正在尝试使用 jQuery slideDown()对我新附加的影响<div>的。

这是我的 Javascript 代码。

$.ajax({
    type: "GET",
    url: "/loadmore/dj/",
    data: {
        'slug': $('.dj_slug').text().trim(),
        'song_rank': $("#dj_song_list").find('.song_block').length
    },
}).done(function (response) {
    $('#dj_song_list').append(response).hide().slideDown(1000);
});

这有效，但是 slideDown()应用于整个#dj_song_list而不仅仅是附加的 <div>的。我怎样才能将它应用于新添加的 <div>的？

这是我的 HTML 结构供引用

<div id='dj_song_list'>
    {% include 'hunt/songs_dj.html' %}
</div>

songs_dj.html

<div class="song_block">
    ...
    ...
    ...
</div>

Answer 1

您想要执行此操作:

$.ajax({
    type: "GET",
    url: "/loadmore/dj/",
    data: {
        'slug': $('.dj_slug').text().trim(),
        'song_rank': $("#dj_song_list").find('.song_block').length
    },
    dataType: 'html'
}).done(function (response) {
    $(response).appendTo($('#dj_song_list')).hide().slideDown(1000);
});