Question

我有一个Rails页面视图，其构造如下：

script>

$('#carnum_driver_plus').click(function () {
    alert("click done");
});

</script>

....
<%= form_tag(.....(method: :post)) do %>

  <button id="carnum_driver_plus" type="button">
    <span class="glyphicon glyphicon-plus align-text-bottom" aria-hidden="true"></span>
  </button>

<% end %>

当我第一次加载此页面时，单击处理程序工作并调用警报功能。当我提交表单时，它将由控制器操作处理，然后将呈现相同的页面视图。但是当我再次点击按钮时，没有任何反应，警报将不会被调用。

有什么想法吗？

Answer 1

<script>

$(document).on('turbolinks:load', function() {
  $('#carnum_driver_plus').click(function () {
    alert("click done");
  });
});

</script>

Answer 2

尝试将.click切换为.on（）

$('#carnum_driver_plus').on('click', function() { 
//event handler...
}

查看此问题here。

表单提交后，jQuery单击事件不起作用

2 个答案: