jQuery 前置和淡入

Question

当用户发布状态时，我会将其显示在摘要页面的顶部。我想为其添加淡入效果，但我编写的脚本隐藏了所有更新并再次显示。我希望这仅适用于最新状态。

这是怎么回事？

HTML

<div class="col-md-12" id="sharing">
</div>

JS

$("#sharenow").click(function () {
        var formData = {
            'text': $("#update-text").val()
        };

        $("#update-text").val('');

        $.ajax({
            type: 'POST',
            url: '/newstatus',
            data: formData,
            dataType: 'json',
            encode: true
        })

            .done(function (data) {
                if (data.success) {
                    $("#sharing").prepend('<div class="row posts">'+data.comment+'</div>').hide().fadeIn(1500);
                }
            });

    });
});

Answer 1

您想使用.prependTo()

$('<div class="row posts">'+data.comment+'</div>').prependTo("#sharing").hide().fadeIn(1500);

根据经验，JQuery 始终返回第一个选定内容的包装器，因此在本例中您希望它返回新添加的内容，而不是 $("#sharing")。