jquery - 使用 appendTo 添加内容时如何应用效果？

Question

使用 appendTo 添加内容时如何应用效果？

$.ajax({
    url: "AddComment.php",
    type: 'post',
    data: {
        comments: value1,
        sect1: value2,
        pid: value3,
        usid: value4

    },
    success: function(data) {
        $("#txtHint").append(data);         
        $("#ta1").val('');      
    },
    error: function() {
        alert(data);
        return false;
    }
});

上面的代码是有效的。但我想知道如何为附加的文本添加效果。

Answer 1

基本思想是隐藏内容，将其添加到 DOM，然后使用效果显示内容。

使用您的代码，将您的成功回调更改为以下内容：

success: function(data) {
    $data = $(data);
    $data.hide();
    $data.appendTo("#txtHint");
    $data.show("slow");
}

您可以将.show("slow")部件更改为任何将显示动画内容的部件。