twitter bootstrap tabs link

Question

私はスタイリングのためのツイスターブートストラップで設定されているレールプロジェクトを持っています。 1ページに3つのタブ＃1、＃2、＃3があります。

別のページのタブ＃2など、特定のタブにどのようにリンクできるかを知りたいと思います。私はアンカーでリンクを作成しようとしました：＃2、しかしそれは動作しません...ページが読み込まれると、それは自動的にタブ＃1をロードします（注：タブ＃1は、 ）。

何か不足していますか？

プロパティを機能させるには追加のJSが必要ですか？

Answer 1

私はあなたがあなたのroutes.rbをを調べて変更すべきだと思う：=>「コントローラ＃アクション」へのルート それは、このコードは、ように見えた

Answer 2

をレンダリングアクションに応じてアクティブなクラスを与える別のページをレンダリングします問題に対処してください：

:javascript 
    $(document).ready(function(){ 
    $('a[href="' + window.location.hash + '"]').click() 
    }); 

Answer 3

ここにはJavaScriptが必要ありません。タブは、タブのヘッダーとタブのコンテンツで「アクティブ」クラスを使用することで、アクティブとしてトリガーされます。コンテンツを表示し、タブを強調表示するアクティブなクラスです。条件付きで、アクティブなクラスを正しいタブのヘッダー/コンテンツに簡単に追加できます。

リンクを介して特定のタブをターゲットにするために、... /？tab = credentialsなどのurlパラメータを使用します。タブのURLパラメータが存在する場合は、タブのリストからそれをインデックス付けし、そのインデックスをアクティブにするようにターゲットを設定します。 tab url paramが存在しない場合は、最初のタブ（インデックス0）をアクティブにするだけです。