Javascript 在执行一个函数后运行jquery函数
我用AJAX添加了一些注释,得到了返回格式的HTML,并用DOM操作将其添加到HTML中Javascript 在执行一个函数后运行jquery函数,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我用AJAX添加了一些注释,得到了返回格式的HTML,并用DOM操作将其添加到HTML中 jQuery.ajax({ url: baseURL + "index.php/user/news/add_comment", data: $("#comment_fm").serialize(), type: "POST", success: function(data) { var objData = jQuery.parseJSON(data);
jQuery.ajax({
url: baseURL + "index.php/user/news/add_comment",
data: $("#comment_fm").serialize(),
type: "POST",
success: function(data) {
var objData = jQuery.parseJSON(data);
if (objData.cival == 1) //Success..
{
$("#comment").val('');
$("#comment_box").replaceWith(objData.comment);
$("#commentcounts").replaceWith(objData.commentcounts);
}
} // Success End
}); //AJAX End
通过上面的代码,我可以看到添加了我的注释,
现在,在相同的返回格式HTML中,有一个删除按钮,该按钮关联了JS函数
下面是删除JS
function deletecomment(commentid) {
jQuery.ajax({
url: baseURL + "index.php/user/news/deletecomment",
data: {
comment_id: commentid
},
type: "POST",
success: function(data) {
var objData = jQuery.parseJSON(data);
if (objData.cival == 1) {
$("#commentcounts").replaceWith(objData.commentcounts);
$("#commentbox" + commentid).remove();
}
}
});
}
下面是我的删除按钮,它可以启动deleteComent()函数
但我的问题是,我不能在添加功能运行后删除此注释,
若我刷新页面,那个么删除功能在需要时工作
所以问题是,如何使多个功能在不重新加载页面的情况下工作
提前感谢,我建议您尝试以下方法:
<a class="deleteComment" data-id="<?php echo $comment['comment_id'];?>" href="#"><i class="fa fa-trash text-info"></i></a>
您尚未显示导致调用这些函数的事件,但我怀疑您希望查看jQuery.on()来附加事件处理程序,而不是使用.click():那么,当您尝试删除时,当前会发生什么情况?开发工具中出现了什么错误?你能用小提琴演奏吗?从php脚本返回的数据是否在添加后更新?
。live
是旧版(不推荐使用),您应该使用.on
移动forward@Matt.C我不推荐使用.live(),因为它在JQuery 1.7中已经被弃用了。对不起,我的评论是“生活在过去”
<a class="deleteComment" data-id="<?php echo $comment['comment_id'];?>" href="#"><i class="fa fa-trash text-info"></i></a>
$(document).on('click','.deleteComment',function(){
jQuery.ajax({
url: baseURL + "index.php/user/news/deletecomment",
data: {
comment_id: $(this).data('id');
},
type: "POST",
success: function(data) {
var objData = jQuery.parseJSON(data);
if (objData.cival == 1) {
$("#commentcounts").replaceWith(objData.commentcounts);
$("#commentbox" + commentid).remove();
}
}
});
});