jQuery的按鍵事件處理軌

我在我的Rails應用程序的視圖文件下面的代碼：jQuery的按鍵事件處理軌

<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因爲我將要共事的每個文件綁定。任何觀點最簡單的方法來做到這一點在軌道？謝謝

來源

2013-08-19 zgenie

你可以綁定事件與jQuery。將此添加到您的application.js中，您可以將onclick事件鏈接到類「edit_description」的所有按鈕。

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

DEMO fiddle

來源

2013-08-19 06:42:57 Bigxiang

感謝您的答覆。這個解決方案是否允許我在單擊編輯按鈕時打開一個表單（用於更新文件的描述 - 這正是我想要的基本上當前文件描述更新類目前隱藏的那個），然後允許我更新使用該表單的文件的說明？ – zgenie

是的，你可以。在點擊事件中，您可以顯示您隱藏的div。但是，如果你想改變文件，你必須提交表單並刷新頁面，或者你必須使用一些ajax上傳插件，如「jquery文件上傳」。 – Bigxiang

jQuery的按鍵事件處理軌

回答

相關問題