下面的代码是一个自动添加注释而无需刷新的代码。
当它运行时,添加由ASC订购的div,我希望它由DESC订购div,这里的任何人都知道我该怎么办?< / p>
感谢。
$("#send").click(function() {
$.ajax({
type: "POST",
url: "http://localhost/index.php?/main/add_comment",
data: {
textbox: $("#textbox").val()
},
dataType: "text",
cache: false,
success: function(data) {
document.getElementById('comments').innerHTML += "<div class=\"col-lg-6\">" +
"<div class=\"well well-sm\">" +
"<div class=\"col-md-2 comment-img\">" +
"<img src=\"/img/avatar_img.png\"> " +
"</div>" +
"<div class=\"col-md-10\">" +
"<p class=\"text-left\">admin said:<pre>" + data + "</pre></p>" +
"<p class=\"text-right timeago\">Posted 0 secounds ago.</p>" +
"</div>" +
"<div class=\"clearfix\">" +
"</div>" +
"</div>" +
"</div>";
}
});
return false;
});
答案 0 :(得分:0)
将document.getElementById('comments').innerHTML
替换为document.getElementById('comments').insertAdjacentHTML("afterbegin", theHTML);
success: function (data) {
var HTMLtext = "<div class=\"col-lg-6\">" +
"<div class=\"well well-sm\">" +
"<div class=\"col-md-2 comment-img\">" +
"<img src=\"/img/avatar_img.png\"> " +
"</div>" +
"<div class=\"col-md-10\">" +
"<p class=\"text-left\">admin said:<pre>" + data + "</pre></p>" +
"<p class=\"text-right timeago\">Posted 0 secounds ago.</p>" +
"</div>" +
"<div class=\"clearfix\">" +
"</div>" +
"</div>" +
"</div>";
document.getElementById('comments').insertAdjacentHTML("afterbegin",HTMLtext);
}