如何將按鈕添加到關閉部分的部分？

Question

我有這個部分

_reply.haml

.reply-form 
    = form_for comment, :remote => true do |f| 
     = f.text_area :body, :input_html => { :rows => "2" }, :label => false 
     = f.text_field :commentable_id, :as => :hidden, :value => comment.commentable_id 
     = f.text_field :commentable_type, :as => :hidden, :value => comment.commentable_type 
     = f.text_field :p_comment, :as => :hidden, :value => parent_comment.id 
     = f.submit "Reply!", :class => "btn btn-primary", :disable_with => "Submitting…" 

我需要添加一個「取消」按鈕，就會從網頁中刪除的部分（隱藏和刪除）。頁面加載時不加載_reply.haml部分。當有人點擊評論上的「回覆」時它會加載。

我嘗試將= button_tag 'Cancel', :id => "cancel_button", :remote => true添加到_reply.haml的末尾，但由於某種原因，它最終經歷了評論控制器的創建操作。 （如果您單擊回覆，它將轉到評論控制器的創建操作 - 這是正確的）。

Answer 1

其實你只需要通過添加刪除，可以使用一個簡單的js代碼來完成的回覆形式：

= button_tag 'Cancel', :id => "cancel_button" 

當你添加上面，從DOM你不需要刪除div發送AJAX請求。你可以只添加一個js代碼：

$("#cancel_button").click(function(){ 
    $(".reply-form").remove(); 
}); 

所以，當你將在答覆再次單擊AJAX將被解僱和部分將再次在DOM加載。

希望這會有所幫助。