6
我似乎无法找到任何答案,为什么我的模态不显示,所以我认为应该检查基础知识。我已经实现了以下结构,但模态不会弹出。请帮助在rails应用程序中显示引导模态的确切步骤
1)索引页有一个呼叫控制器的编辑操作
<%= link_to 'Edit business', edit_user_business_path(@u, b), {:remote => true, 'data-controls-modal' => "modal-window", 'data-backdrop' => true, 'data-keyboard' => true, :class => "btn btn-primary ", :id => 'edit_biz'} %>
2)控制器的编辑动作做到这一点(缩短)的链接:
respond_to do |format|
format.html {render :edit}
format.json { head :ok}
end
3)Edit.html .erb看起来是这样的:
<div class="modal hide fade" id="modal-window">
<div class="modal-header">
<a href="#" class="close">×</a>
<h6>Loading...</h6>
</div>
<div class="modal-body center">
<h2>Edit business </h2>
<%= render 'editbusiness' %>
</div>
<div class="modal-footer">
</div>
</div>
4)_editbusiness.html.erb具有以下
<fieldset>
<br/>
<br/>
<%= form_for @businesses_to_edit, :url => { :action => "edit"}, :class => "form-horizontal" do |biz| %>
<p>
<%= biz.label :name, :class => "span3"%>
<%= biz.text_field(:name, :placeholder => biz.object.name, :class => "span3")%>
</p>
<p>
<%= biz.label :description, :class => "span3" %>
<%= biz.text_field(:description, :placeholder => biz.object.description, :class => "span3")%>
</p>
<br/>
<br/>
<br/>
<div class="form-inline pull-right">
<%= biz.submit "Save", :class => "btn btn-inverse span1", :id => 'edit_biz' %>
<%= biz.button "Close", :class => "span1", :id => 'close' %>
</div>
<% end %>
</fieldset>
5)最后,application.js中有这样的:
//= require jquery
//= require jquery_ujs
//= require_tree .
//= require bootstrap
$(document).ready(function() {
$('#modal-window').modal('show') ;
$('.modal-body').html('<%= escape_javascript(render :partial => "editbusiness", :object => @businesses_to_edit) %>');
});
我首先想到的是,你使用ERB在你的JavaScript文件中,这不是一个erb模板。 – DVG 2012-04-06 20:03:13
你有没有得到一个答案或解决方案呢?有相同的问题! – Lievcin 2012-04-27 17:57:23
你整理了一下吗? – ardochhigh 2013-05-26 23:03:13