引導選項卡控制器在軌道上的紅寶石

-1

在application.html.erb文件我有以下代碼來顯示一個選項卡控制器。引導選項卡控制器在軌道上的紅寶石

<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" /> 
    <script src="http://code.jquery.com/jquery-1.7.1.js"></script> 
    <script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script> 


<div class="tabbable"> 
      <ul class="nav nav-tabs"> 
      <li class="active"><a href="https://www.google.co.in" data-toggle="tab">Individual</a></li> 
      <li><a href="https://www.yahoo.com" data-toggle="tab">All</a></li> 
      </ul> 

     </div>

他們似乎正確，並在鏈接時標籤的變化。但問題是href是不是working.it沒有進行重定向。

來源

2013-02-27 chinchu

你想達到什麼目的？此代碼不完整。「個人」選項卡默認處於活動狀態，即使您單擊「全部」選項卡，該選項卡仍將保持活動狀態。你還沒有任何改變點擊標籤。 – 2013-02-27 09:36:23

http://jsfiddle.net/SzVrs/21/ – chinchu 2013-02-27 09:49:50

請看看這個..tabs正在改變點擊events.but不重定向到網頁 – chinchu 2013-02-27 09:50:36

這是因爲您已將data-toggle="tab"放入您的鏈接。

如果您將從您的代碼中刪除data-toggle="tab"，這些鏈接將工作。

但這不是正確的顯示方式，因爲你想要的是在一個標籤中，這將打開鏈接到你在url中給出的其他網站。

方法是用一些哈希名稱定義每個鏈接url路徑，然後使用它在點擊時調用您的URL。

這可以用JavaScript來做。看到this SO帖子的方式。

來源

2013-02-27 10:15:19

引導選項卡控制器在軌道上的紅寶石

回答

相關問題