問題タブ [bootstrap-tabs]

これについて同様のスレッドがありますが、AngularJS にあります。Bootstrap 3 タブのどのタブがjQueryのみで「アクティブ」なのかを知るにはどうすればよいですか?

ありがとう。

ナビゲーションに 30 以上のタブを表示する可能性のあるページ デザインがあります。タブは動的に追加されますが、私はそれをすでに把握しています。そのような UI を処理するための標準インターフェースはありますか? 左右の矢印でタブ リストをスクロールします。

任意の提案をいただければ幸いです。ありがとう。

私のタブの定義:

これにより、以下のスクリーンショットに示すようにタブがレンダリングされます (簡潔にするために [ステータス] タブのコードを削除しました)。

ハイパーリンクの initialCanonJob をクリックすると、AJAX 呼び出しを行い、AJAX 呼び出しから同じタブに html コンテンツをロードしたいと思います (テーブルを削除する必要があります)。リンクからタブ オブジェクトを取得し、タブ html 内の AJAX 呼び出しからデータを入力するにはどうすればよいですか?

ブートストラップモーダルにブートストラップタブがあります。モーダルを開くと、タブが機能しているように見えます。これは、最初の div タブ コンテンツだけが表示され、他のコンテンツが非表示になっているためです。

しかし、問題があります。タブをクリックするshownと、モーダルでイベントが発生し、このイベントでこのモーダルのコンテンツをロードしています。このため、タブが何度も読み込まれ、最初のタブが常に選択されたままになります。

ここのモーダル ドキュメント: http://getbootstrap.com/2.3.2/javascript.html#modals

タブのドキュメント: http://getbootstrap.com/2.3.2/javascript.html#tabs

次のようにタブを初期化します。

このプロジェクトには Bootstrap タブと Camera image スライダーがあります。ビデオニュース/画像ニュースという名前の 2 つのタブがあります。どちらにもサブタブがあります。サブタブは独自のカメラ スライダーを使用します。したがって、これの問題は、サブタブをクリックすると画像スライダーが壊れることです。必要なのは、画像スライダーを更新するか、スライダーをリロードして、適切な幅を取得できるようにすることです。

それで、これを行う適切な方法はありますか？

水平タブ、「説明」、機能、およびレビュータブがあるWebサイトの製品説明ページにscrollspyを追加しようとしています。タブは正しく機能しますが、スクロール スパイは正しく機能せず、最後にクリックしたタブ領域のみが表示されます。以下にコードを示します。

jsfiddle @ http://jsfiddle.net/iqadeer/1t5fqhbu/1/ jsfiddle コードのコードを参照してください。