jquery-confirm $ .confirm单击即可触发多个模态

时间:2018-05-10 10:49:22

标签: javascript jquery bootstrap-modal jquery-confirm

我正在使用jquery-confirm插件和Bootstrap 3.确认工作正常但如果我在点击确认按钮之前在页面上打开任何引导模式,则会弹出两个确认框。如果我在点击确认按钮之前打开bootstrap模式5次,它会同时触发五个确认框,一个接一个地叠加。为什么会这样?

这是我的js:

      $('body').on('click', '.confirm', function(e) {
	    e.preventDefault();

	    var form = this.closest("form");

	    $.confirm({
	        title: "confirmation",
	        content: "Are you sure?",
	        buttons: {
	          'confirm': {
	              text: 'proceed',
	              keys: ['enter'],
	              btnClass: 'btn-red',
	              action: function () {
	                form.submit();
	              }
	          },
	          'cancel': {
	              text: 'cancel',
	              action: function () {
	                return false;
	              }
	          },
	        }
	    });
	  });

我做错了什么?

1 个答案:

答案 0 :(得分:0)

问题出在我的代码中。每次加载模态时都会重新初始化确认点。这使得它可以触发多次单个按钮。将初始化代码移动到另一个地方解决了问题。谢谢你们。