如何将按钮添加到关闭部分的部分？

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加载。

希望这会有所帮助。