Как остановить выполнение javascript с помощью подтверждения?

Question

Мне нужна помощь в предотвращении пуска кнопки, если пользователь не нажимает кнопку «Да» в окне подтверждения, это хорошо работает для отправки, но это, похоже, не имеет никакого эффекта, когда есть javascript, который запускается при нажатии кнопки.

кнопка:

<input type="button" value="Delete" class="deleteResource btn btn-link NoBorder NoBackGround" data-id="@resource.Id" data-url="@Url.Action("DeleteResource")" data-confirm="are you sure?" /> 

JavaScript:

jQuery(document).ready(function() { 
     jQuery('[data-confirm]').click(function (e) { 
      if (!confirm(jQuery(this).attr("data-confirm"))) { 
       e.preventDefault(); 
       e.stopPropagation(); 
      } 
     }); 
    }); 

    jQuery(document).ready(function() { 
    jQuery('.deleteResource').click(function() { 
     var id = $(this).data('id'); 
     var url = $(this).data('url'); 
     var param = { id: id } 
     $.post(url, param, function (data) { 
      if (data) { 
       location.reload(); 
      } else { 
       alert("Kunde inte utföra åtgärden."); 
      } 
     }); 
    }); 
}); 

я что-то отсутствует, или это просто не представляется возможным?

Answer 1

Для предотвращения использования других обработчиков на одном и том же элементе необходимо stopImmediatePropagation.

Answer 2

jQuery(document).ready(function() { 
    jQuery('.deleteResource').click(function() { 
     if (confirm(jQuery(this).attr("data-confirm"))) { 
      var id = $(this).data('id'); 
      var url = $(this).data('url'); 
      var param = { id: id } 
      $.post(url, param, function (data) { 
       if (data) { 
        location.reload(); 
       } else { 
        alert("Kunde inte utföra åtgärden."); 
       } 
      } 
     }); 
    }); 
});