Ruby on rails 在以下情况下,如何使模态显示?
首先,单击链接时不会显示任何错误。有人能提出为什么点击按钮时不显示模式吗 我确实将.js.erb文件的内容转换为html打印在我的开发工具的网络/预览部分:Ruby on rails 在以下情况下,如何使模态显示?,ruby-on-rails,ajax,twitter-bootstrap,Ruby On Rails,Ajax,Twitter Bootstrap,首先,单击链接时不会显示任何错误。有人能提出为什么点击按钮时不显示模式吗 我确实将.js.erb文件的内容转换为html打印在我的开发工具的网络/预览部分: $("#contactForm").html("<div class=\"modal fade\" id=\"contactForm\">\n <div class=\"modal-dialog\">\n <div class=\"modal-content\">\n <div c
$("#contactForm").html("<div class=\"modal fade\" id=\"contactForm\">\n <div class=\"modal-dialog\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n ...
Contacts控制器方法:
def contact_form
@contact = Contact.new
respond_to do |format|
format.js
end
end
routes.rb
get "contacts/contact_form" => 'contacts#contact_form', :as => :contact_form
联系_form.js.erb:
$("#contactForm").html("<%= escape_javascript(render(:partial => 'contacts/contact_form') )%>");
$(“#contactForm”).html(“'contacts/contact_form”))%>”;
联系人/contact_forml.html.erb
<div class="modal fade" id="contactForm">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">send me a message</h4>
</div>
<div class="modal-body">
<% if flash[:notice] %>
<p class='notice'><%=h flash[:notice] %></p>
<% end %>
<%= form_for(@contact) do |f| %>
<%= f.text_field :name, :placeholder => "first name" %>
<%= f.text_field :email, :placeholder => "email" %>
<%= f.text_area :message, :placeholder => "your message..."%>
<div class="actions">
<%= f.submit :value => "Send Feedback", :class => "btn" %>
</div>
<% end %>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
&时代;
给我留言
“名字”%>
“电子邮件”%>
“您的邮件…”%>
“发送反馈”,类=>“btn”%>
接近
谢谢。您刚刚忘记调用
模式来显示模式。和modal partial应该呈现到wrapper div中,因此contact_form.js.erb应该如下所示:
$("#modal-div").html("<%= escape_javascript(render(:partial => 'contacts/contact_form') )%>");
$("#contactForm").modal();
$(“#modal div”).html(“'contacts/contact_form'))%>”;
$(“#contactForm”).modal();
并且添加模态的视图应该有空的div元素
<div id="modal-div"></div>
您正在使用jquery ui模式吗?@beck03076。不,我正在尝试使用twitter引导modal.Hot-diggity-dog。谢谢@lazzi!
<div id="modal-div"></div>