使用Rails UJS无法取消使用按钮执行javascript函数

Question

我有一个按钮（下面是haml）：

%button{ class: 'remove-fields', data: { confirm: "Are you sure?" } }
    Remove

在按下时运行一些javascript代码：

    $('.edit-profile').on('click', '.remove-fields', function(event) {
    // my code here...
    event.preventDefault();
});

我的代码似乎在出现“您确定”提示之前执行，因此按“取消”按钮无效。

我在网上找到的所有内容都是指使用按钮提交表单（数据确认属性按预期工作），但我正在使用按钮来调用代码。有没有办法使用UJS取消代码执行？

Answer 1

您可能需要jQuery的stopImmediatePropagation。

描述：保持其余的处理程序不被执行，并防止事件冒泡DOM树。

$('.edit-profile').on('click', '.remove-fields', function(event) {
  // my code here...
  event.preventDefault();
  event.stopImmediatePropagation();
});