jquery-verify $.confirm запускает несколько модалов одним кликом

Question

Я использую плагин jquery- verify и 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

Проблема была в моем коде. Был момент, когда подтверждение переинициализировалось каждый раз при загрузке модала. Это заставляет его срабатывать несколько раз для одной кнопки. Перемещение кода инициализации в другое место решило проблему. Спасибо вам, ребята.