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

Question

Я использую jquery-Подтверждение плагин и 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

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