Javascript jQuery在新添加的div上向下滑动

我正在尝试在新附加的

上使用jQuery

slideDown（）

效果

这是我的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_列表

，而不仅仅是附加的

。如何将其仅应用于新添加的

这是我的HTML结构供参考

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

{%include'hunt/songs\u dj.html%}

songs_dj.html

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

...
...
...

要执行此操作：

$.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);
});

检查这把小提琴：

我已经做了你想要的：

对于代码，您还可以将响应附加到隐藏的div，然后将其向下滑动：

$.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("<div id='response-content' style='display:none;'>"+response+"</div>");

$("#response-content").slideDown(1000);

});

$.ajax({
键入：“获取”，
url:“/loadmore/dj/”，
数据：{
'slug'：$（'.dj_slug'）.text（）.trim（），
“song_rank”：$（“dj_song_列表”）.find（“.song_block”）.length
},
}).完成（功能（响应）{
$（'dj#U song_list'）。追加（“+response+”）；
$（“#响应内容”）。向下滑动（1000）；
});

更改此选项：

 $('#dj_song_list').append(response).hide().slideDown(1000);

为此：

 $('#dj_song_list').append(response);
 $('#dj_song_list').find('div').last().hide().slideDown(1000);

---

在这种情况下，响应的类型是什么？我以为是一根绳子。我认为那应该是字符串，如果是这种情况，你如何对字符串调用jQuery方法？它抛出

未捕获类型错误：未定义不是一个函数

。响应是HTML

's@MikeWu你完全正确，我需要把它变成一个“jQuery元素”。答案已更新。@Niklas It现在抛出此错误

未捕获错误：语法错误，无法识别的表达式：11 Never Say Goo……v>

我在调用中添加了

数据类型：“html”

，告诉jQuery它应该返回html字符串，而不是试图猜测返回的内容。也许jQuery试图将它解释为其他东西。这只在我第一次单击LoadMore按钮时起作用。第二次，没有附加

。响应由10个

组成。这使得它仅适用于最后一个

。有没有办法让它适用于最后10个，而不是最后10个？没关系，我想出来了。这是我用过的<代码>$（'#dj_song_list'）。查找（'.song_block'）。切片（-10）。隐藏（）。向下滑动（1000）