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

Question

我正在使用jquery-confirm 插件和 Bootstrap 3。确认工作正常，但如果我在单击确认按钮之前打开页面上的任何引导模式，则会弹出两个确认框。如果我在单击确认按钮之前打开引导模式 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;
	              }
	          },
	        }
	    });
	  });

我做错了什么？

Answer 1

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