問題タブ [bootstrap-tabs]

2 つのタブで区切られた 2 つのテーブルがあります。アクティブおよび非アクティブ

アクティブなタブから [次へ] ボタンをクリックするとします。非アクティブなタブのコンテンツが表示されますが、アクティブなタブはアクティブなタブのままです。何か不足していますか？

対応する ID が #Active と #Inactive であるとします。次のボタンのコードは次のとおりです。

だから私はRails 4を実行していて、link_toを使用してlink_toを少しうまく機能させようとしているので、代わりにparamsを定義することができます:

生成するもの:

現在私は持っています：

生産しているもの：

誰かがこれを行うより良い方法を持っていますか?次のような結果が得られます:

私の連絡先ページが静的なHTMLになるまで、つまりcontact.htmlブートストラップコンポーネントタブ、カルーセルなどが正常に機能するまで

ngRoute を使用するとすぐに、これらのコンポーネントの機能が機能しなくなりました。誰かがこの問題を抱えたことがありますか?

Web サイトで Bootstrap タブを使用しています。ページが読み込まれると、実行時に動的コンテンツを使用してタブにデータが入力されます。そのためにアンカータグの属性を使用してdata-targetいますが、まったく機能していないようです。

これが私がこれまでに試したことです：

HTML

ここでは、アンカー タグで使用するときに、showTab1.dodiv 内のリモート ファイルのコンテンツを読み込もうとしています。しかし、それは機能していません。私が知っているのは、データターゲットを使用している場合、タブにデータをロードするために jQuery/JavaScript を記述する必要がないということです。私の Bootstrap のバージョンは v3.3.6 です。id="test_1"data-target="#test_1"

私が間違っているところを修正してください。ありがとう

5 番目の列を表示しない ui-grid を持つタブを実装しています。最初のアプリケーション ロードでは、グリッドはかなりよく表示されますが、F5 キー、Ctrl-F5 キーを押すと、画像に示されているように、グリッドに列が表示されません。

生成された HTML を確認しましたが、隠し列のコンテンツが生成されていませんでした。 ui-grid を常にタブの外側に配置すると、期待どおりに表示されます

最初のアップロード

F5 または Ctrl+F5 の後

すべての列が示されているようにマークされていることをメニューで確認できます

列を非表示にすると、ui-grid が更新され ます 外部タブは常に機能します

ウェブコードの削減

Swiper javascript テンプレートを使用し、Bootstrap を使用してタブで区切られた 2 つのギャラリーを含むページを作成しようとしています。タブがない場合、ギャラリーは正常に読み込まれますが、タブがある場合、非アクティブなタブにあるギャラリーは読み込まれません。私の最善の推測では、ギャラリーの幅は含まれている div のサイズによって設定され、タブが非アクティブな場合は 0 ですが、これはまだ解決策につながっていません。以下のphpファイルからコードを投稿します。誰かがこの問題の解決策または回避策を持っている場合、私はそれを大いに感謝します!

angular uiを使用してタブを作成し、挿入したコードはドキュメントで利用可能なものでした：

問題は、デフォルトでタブが全幅ではないことです。このために、ul.navtabsにnav-justifiedブートストラップクラスを追加する必要がありますが、上記のコードが生成するためアクセスできないため、どのように実装できますかクラス？

私はブートストラップモーダルを持っています。モーダルにはタブビューがあります。各タブは、そのコンテンツの部分的なビューをレンダリングしています。
部分ビューには URL がほとんど含まれていません。
私が抱えている問題は、タブ 2 の前にタブ 1 を定義すると、タブ 2 コンテンツの URL が機能しないことです。タブ 1 の前にタブ 2 を定義すると、タブ 1 の URL が機能しません。

以下は、モーダル本体内でタブを定義する方法です。

問題を引き起こしている上記のコードからの以下のコードに注意してください。

このコードでは、タブ 2 は、「タブ 1」の前に「タブ 2」の部分的なコンテンツをレンダリングしています。したがって、タブ 2 の URL は完全に正常に機能しています。

しかし、コンテンツのレンダリング方法の順序を変更するとします。同様に、タブ 1 がある場合、タブ 2 の前にコンテンツをレンダリングします。次に、タブ 1 の URL は正常に機能していますが、タブ 2 の URL は現在機能していません。

順序がタブのコンテンツに影響を与えて正しくレンダリングされない理由を理解できません。
タブを互いに影響を与えないように分離する方法はありますか。もう一方のタブを削除すると、両方のタブが正常に機能するためです。

あなたの提案を提供してください！

質問をしていますが、回答がありません。私はコーディングにかなり慣れていません。

手伝ってくれてありがとう！