Jquery使用live导致执行的内容会重复执行

最新推荐文章于 2020-11-10 10:36:45 发布

转载最新推荐文章于 2020-11-10 10:36:45 发布 · 134 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/i_am_me/p/4800578.html

标签

#javascript #ViewUI

收录于

本文解决了一个在使用jQuery时，当点击按钮删除行时出现的重复确认对话框问题。通过在函数中先解除事件绑定，再重新绑定，确保了每次点击只触发一次确认对话框。

function del(){
  $("input[id^='minus']").live("click",function(){
   if(confirm("确定删除此行吗？")){
    $(this).parent().parent().remove();
   }
         });
 }

 <input type="button" id="minus1" value="━" />

效果会出现两次确定删除此行吗？的提示。

代码修改下就行了如下

function del(){
		$("input[id^='minus']").die().live("click",function(){
			if(confirm("确定删除此行吗？")){
				$(this).parent().parent().remove();
			}
         });
	}

转载于:https://www.cnblogs.com/i_am_me/p/4800578.html