jquery-confirm $.confirm 一次点击触发多个模式

Question

我正在使用 jquery-confirm 插件和 Bootstrap 3. 确认工作正常，但如果我在点击确认按钮之前打开页面上的任何 bootstrap 模式，两个确认框弹出。如果我在点击确认按钮前打开bootstrap模态5次，会同时触发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

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

jquery-confirm $.confirm 一次点击触发多个模式

jquery-confirm $.confirm triggers multiple modals at single click

javascript

jquery

bootstrap-modal

jquery-confirm