引導tabbable導航不顯示預期的Ruby標籤on Rails的

：引導tabbable導航不顯示預期的Ruby標籤on Rails的

source 'https://rubygems.org' 

    gem 'rails', '3.2.13' 
    gem 'bootstrap-sass', '2.3.1' 
    gem 'sqlite3', :require => 'sqlite3' 
    gem 'bcrypt-ruby', '3.0.1' 
    gem 'jquery-rails', '~> 2.2.1' 

    # gem for dev only 
    group :development do 
     gem 'annotate', '~> 2.4.1.beta' 
     gem 'rspec-rails' 
     gem 'capybara', '1.1.2' 
     gem 'factory_girl_rails', '4.1.0' 
    end 

    # Gems used only for assets and not required 
    # in production environments by default. 
    group :assets do 
     gem 'sass-rails', '~> 3.2.3' 
     gem 'coffee-rails', '~> 3.2.1' 
     gem 'uglifier', '>= 1.0.3' 
    end

這個包括在我的主要Style.css.scss文件：

@import "bootstrap";

這標題我application.html.erb文件：

<!DOCTYPE html> 
    <html> 
    <head> 
     <title> <%= full_title(yield(:title))%> </title> 
     <%= stylesheet_link_tag "application", :media => "all" %> 
     <%= javascript_include_tag "application" %> 
     <%= csrf_meta_tags %> 
     <%= render "layouts/shim" %> 
    </head> 

    <body> 
    ...

（由邁克爾·哈特爾的教程啓發）

我試圖從引導應用下面的例子中我的設計：

<div class="tabbable"> <!-- Only required for left/right tabs --> 
<ul class="nav nav-tabs"> 
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li> 
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li> 
</ul> 
<div class="tab-content"> 
    <div class="tab-pane active" id="tab1"> 
    <p>I'm in Section 1.</p> 
    </div> 
    <div class="tab-pane" id="tab2"> 
    <p>Howdy, I'm in Section 2.</p> 
    </div> 
</div> 
</div>

效果不是的預期是什麼（即使它工作正常，在其網站上，我複製/粘貼）：

- 當第一個顯示頁面，活動選項卡1選擇（如預期）

- 當我在「第2節」點擊選項卡，在地址欄實際顯示的網址...＃TAB2，但不第2部分的內容。「活動」選項卡仍然是1.

- 當我點擊「第1」選項卡，在地址欄實際顯示的網址...＃TAB1

我錯過了什麼？

感謝您的幫助。

最好的問候，

弗雷德

來源

2013-03-18 user1185081

聽起來就像是JavaScript是不加載，所以應用程序可能無法加載它。你可能已經忘記設置你的應用程式上加載引導.js文件，就像這樣：

# app/assets/javascripts/applications.js (or a manifest of your choice) 
//= require bootstrap

來源

2013-03-18 22:50:38

非常感謝，這是解決方案，立即高效！我以爲擁有bootstrap-sass寶石就夠了......顯然不是。它是在applications.js中編寫的，文件本身不應該被修改。將這個require語句放在同一個文件夾的myscripts.js文件中會更「瘦」嗎？感謝和最好的問候 - 弗雷德 – user1185081 2013-03-31 15:17:43

我認爲這個建議是專指將.js添加到文件。如果需要的話，你應該繼續改變文件中的指令，就像在這種情況下一樣。此外，請確保您採用tagCincy的建議並將bootstrap-sass移至您的資產組:) – 2013-04-01 22:38:45

感謝您對這兩種精度的支持。 – user1185081 2013-04-02 06:35:14

正如扎伊德說，聽起來像是你沒有進口引導JS。

此外，您應該在資產組中包含bootstrap-sass gem。如果不是這樣，則包含在gem中的供應商樣式表和腳本將不會在prod部署之前進行預編譯。

來源

2013-03-19 00:53:58 tagCincy

感謝您提供此信息，我會立即添加它！最好的問候 - 弗雷德 – user1185081 2013-03-31 15:24:04

引導tabbable導航不顯示預期的Ruby標籤on Rails的

回答

相關問題