如何从submit_tag检测“点击”事件

时间:2017-04-26 22:03:22

标签: ruby-on-rails forms coffeescript

大家好,我不能做一个“你好世界”我不知道为什么。提交标签我不能设置一个“你好世界”。

我的haml代码:

=form_tag products_path, method: :get, remote: true, id: "products_search" do
  =text_field_tag :search,nil, class:"form-control floating-label", placeholder: "Buscar producto..."
  =submit_tag "Buscar", name: nil, class: "btn btn-success bold",id: "button_search" 

我的咖啡代码

$('#button_search').closest('products_search').on "submit", ()->
  alert("hello world")
带有“链接”的

可以正常工作,例如:

$("#products").on "click", ".pagination a", ()->
  alert("hello world")
  return false
  

但是使用submit_tag不能正常工作

有人可以帮帮我吗?

1 个答案:

答案 0 :(得分:0)

  

请注意,仅在表单元素上触发提交,而不是按钮或   提交输入。 (提交表格,而不是按钮。)
  https://developer.mozilla.org/en-US/docs/Web/Events/submit

$('#button_search').on "submit", ()->
  alert("hello world")
  return false
  

您的代码不会发生任何事情。我能做的很奇怪   “你好世界”链接的工作正常,但提交我不能做   它

您很可能在页面中有其他不相关的错误。以下是证明其有效的可重复示例:

$("#button_search").on('click', function(){
  alert("Hello world");
  return false;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="#button_search">
   <input type="submit" id="button_search" />
</form>