Twitter的引導和Rails 3

我已下載「bootstrap.js」，並把在我的資產/ JavaScript的目錄，我在我的軌道把這個觀點：Twitter的引導和Rails 3

new.html.erb

<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 

<-- Modal --> 
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Modal header</h3> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    <button class="btn btn-primary">Save changes</button> 
    </div> 
</div>

這是完全相同的代碼在twitter指南。當我重新加載頁面模式在那裏，根本不工作，當我按下按鈕沒有動畫顯示，模式剛剛彈出！任何建議，使其工作？

也我在哪裏把這樣的JS代碼？

$('#myModal').modal('toggle')

來源

2012-09-13 Trt Trt

檢查您的/assets/javascripts/application.js。

它包含這一行嗎？

//= require_tree .

或者任何需要增壓循環的行。

來源

2012-09-13 13:58:04

包括在你的Gemfile twitter-bootstrap-rails和jquery-rails寶石：

gem 'twitter-bootstrap-rails' 
gem 'jquery-rails'

然後運行：

bundle install

然後運行：

rails generate bootstrap:install

這是應該注意要加載引導和jQuery的。至於你自己的JavaScript代碼把它放在filename.js內/assets/javascripts/

來源

2013-07-19 11:14:45 bhakku

Twitter的引導和Rails 3

回答

相關問題