$("#deleteClueBtn1").unbind("click").bind("click",function(){ var check1 = $("#clueListTbody input[type='checkbox']:checked"); if(check1.size()<1){ alert("请选择需要删除的项"); return; } var htmlStr = ""; $.each(check1,function(index,obj){ htmlStr+="id="+obj.value+"&"; }); htmlStr = htmlStr.substring(0,htmlStr.length-1); if(confirm("确认删除吗")){ $.ajax({ url:"workbench/clue/DeleteClueByIds.do", data:htmlStr, dataType:"json", type:"post", success:function(data){ if(data){ clueList(1,5); }else{ alert("删除失败"); } } }); } });
这是出问题的代码,功能是点击按钮删除一条数据.如果删除重新刷新列表,错误弹出提示.但是发现第一次切换到页面中,删除一个或多个都正常,再进行删除的话,会出现重复出现是否删除的提
示,查看后台数据库也是执行了多次.上网查看了相关问题,找到了解决办法.就是绑定元素事件之前
先解绑事件.
$("#deleteClueBtn1").click(function(){ var check1 = $("#clueListTbody input[type='checkbox']:checked"); if(check1.size()<1){ alert("请选择需要删除的项"); return; } var htmlStr = ""; $.each(check1,function(index,obj){ htmlStr+="id="+obj.value+"&"; }); htmlStr = htmlStr.substring(0,htmlStr.length-1); if(confirm("确认删除吗")){ $.ajax({ url:"workbench/clue/DeleteClueByIds.do", data:htmlStr, dataType:"json", type:"post", success:function(data){ if(data){ clueList(1,5); }else{ alert("删除失败"); } } }); } });
看到相关资料还有说可以用off解绑,或者按需要用one的方式进行绑定.
--------$("#xxx").one("click",function(){});
-------- $("#xxx").off("click").on("click",function(){
});
click事件点击一次,执行多次的问题
最新推荐文章于 2024-04-14 12:17:36 发布