jquery - 如何使用 jQuery 将 div 添加为隐藏？

Question

我用ajax调用更新了html。我需要将元素添加为隐藏，然后应用动画:

$.ajax({
    success: function (data, textStatus) {
        $(".comments").prepend(data);
        $(".comments .comment-frame:first").slideDown("slow"); // it doesn't work, since element is visible

添加数据:

<div class="comment-frame">
...
</div>

我无法修改 css 来隐藏 comment-frame 类，因为页面上已经有具有相同类的其他元素，这些元素应该保持可见。因此，我应该以某种方式将该数据添加为隐藏。我该怎么做？

Answer 1

您可以使用data创建一个jQuery对象，并在.prepend()将其添加到之前对其进行.hide() $(".comments").

$.ajax({
    success: function (data, textStatus) {
        var $data = $(data).hide();
        $(".comments").prepend($data);
        $(".comments .comment-frame:first").slideDown("slow");