Javascript jQuery在内容中的前置和淡入不起作用

因此，我有一个ajax表单提交系统，当给出一个成功的状态响应时，我想将提交的表单直接预先添加到HTML中。现在我有

$(".post-submit").click(function(){
    var postcontent = $(".post-form").val();

    if (postcontent == ""){
        return false;
    }

    $(".post-form").attr("disabled", "disabled");

    $.ajax({
        url: "/post",
        type: "POST",
        dataType: "json",                    
        data: {"post-form":postcontent},
        success: function(response, textStatus, jqXHR) {
            var htmlpost = '<div class="post"> <b>${name}</b> </div> \n <p>' + postcontent + '</p> \n';
            $(htmlpost).hide().prependTo(".posts-content").fadeIn("slow");
         },
         error: function(jqXHR, textStatus, errorThrown){
            alert("Unexpected internal server error. Please try again later.");
         }
    });
});

$（“.post submit”）。单击（函数（）{
var postcontent=$（“.post-form”）.val（）；
如果（后内容==“”）{
返回false；
}
$（“.post form”）.attr（“禁用”、“禁用”）；
$.ajax({
网址：“/post”，
类型：“POST”，
数据类型：“json”，
数据：{“post form”：postcontent}，
成功：函数（响应、文本状态、jqXHR）{
var htmlpost='${name}\n'+postcontent+'
\n'；
$（htmlpost.hide（）.prependTo（“.posts内容”）.fadeIn（“慢”）；
},
错误：函数（jqXHR、textStatus、errorshown）{
警报（“意外的内部服务器错误。请稍后重试。”）；
}
});
});

---

但是当我提交表单并从服务器返回状态200时，它什么也不做，表单仍然处于禁用状态。

要启用表单，我猜您需要

$（“.post form”）.removeAttr（“禁用”）

标记在90年代就不再是一个好的做法。虽然

仍然有效，但您会在CSS中发现大量的格式选项，而

的替代品只是其中之一（

，或者更好的是

，样式定义为

.bold{font-weight:bold}

）。@adeneo即使更改了它，它仍然不会将html预先添加到正文中。