-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 が機能していないことです。リダイレクトしていません。

4

1 に答える 1

2

これはdata-toggle="tab"、リンクに を入れたからです。

コードからを削除するとdata-toggle="tab"、リンクが機能します。

しかし、これは正しい表示方法ではありません。なぜなら、必要なものはタブにあり、これにより、URL で指定した他のサイトへのリンクが開くからです。

方法は、各リンク URL パスをハッシュ名で定義し、それを使用してクリック時に URL を呼び出すことです。

これは、javascript で実行できます。方法については、このSO 投稿を参照してください。

于 2013-02-27T10:15:19.547 に答える