jquery按钮事件处理程序rails

jquery button event handler rails

本文关键字:rails 程序 事件处理 按钮 jquery      更新时间:2023-09-26

我的rails应用程序的视图文件中有以下代码:

  <td>
    <div class="file_description"><%= object.metadata['description']%>
    <button    type="button" class="btn btn-default edit_description">Edit</button></div>
    <div class="file_description_update"
      <%= form_tag({:action => 'update_file_info'}, multipart: true) do %> 
        Update File Description: <%= text_area_tag :description %>
        <%= hidden_field_tag :s3_path, file %>  
        <%= hidden_field_tag :prefix, @prefix %>
        <%= submit_tag 'Submit' %> </td> <br />
      <% end %>
    </div>
  </td> 

对于将要处理的每个文件,我需要将Edit按钮on click事件与类file_description_update绑定。对在铁轨上最简单的方法有什么看法吗?感谢

您可以使用jquery绑定事件。将其添加到您的application.js中,您可以使用类"edit_description"将onclick事件链接到您的所有按钮。

$(function(){
  $('button.edit_description').click(function () {
    alert($(this).parent().next('div.file_description_update').children('form').html());
  });
});

演示小提琴