在rails應用程序中顯示引導模態的確切步驟

我似乎無法找到任何答案，爲什麼我的模態不顯示，所以我認爲應該檢查基礎知識。我已經實現了以下結構，但模態不會彈出。請幫助在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">&nbsp; 
    </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"> 
     &nbsp;&nbsp;<%= biz.submit "Save", :class => "btn btn-inverse span1", :id => 'edit_biz' %> 
     &nbsp;&nbsp;<%= 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) %>'); 

});

來源

2012-04-06 Austin

我首先想到的是，你使用ERB在你的JavaScript文件中，這不是一個erb模板。 – DVG 2012-04-06 20:03:13

你有沒有得到一個答案或解決方案呢？有相同的問題！ – Lievcin 2012-04-27 17:57:23

你整理了一下嗎？ – ardochhigh 2013-05-26 23:03:13

也許你需要包含到您的application.js這個字符串：

//= require bootstrap-modal

來源

2012-06-01 08:57:04 Valdayka

花了3天的時間尋找定製確認對話框後，我找到了您的解決方案。謝謝了很多。 – chinh 2013-10-10 07:29:35

在rails應用程序中顯示引導模態的確切步驟

回答

相關問題