問題タブ [bootstrap-tabs]

別のページの既知のタブにアクティブなクラスを追加することは可能ですか?

ページ 1 からページ 2 に移動すると、タブ 2 をアクティブにする必要があります。タブIDを持っています。

誰が私に何をすべきか教えてもらえますか?

私のコード

nav-people-tab-hover in上記のコードでは、選択したタブが何であるかを取得し、クリックするとcssが適用されます。コントローラーの下の続行をクリックすると、ボタンが実行されます。

上のコードで何を書けばいいのですか????? または、これを機能させるためのコードの一部ですか？

サインアップ ページが 2 つのセクションに分かれています。誰かがこれらの主要なボタンをクリックしたときに、現在のページに隠れている各セクションのコンテンツを表示したいだけです。概念はブートストラップ タブに似ていますが、ここではタブを使用していません。これらは単純なブートストラップ ボタンです。コードでブートストラップ クラスを試してみましたが、うまくいきませんでした。私は隕石と反応を使用しています。画像のスクリーンショット。

「働く・雇うボタン」

そして、これは私のコードです

何か案が？

何らかの理由で、私のサイトで jQuery データ テーブルの列ヘッダーが行と一致しません。

以下に例を示します: 私のテーブルの一部 (上記のものを含む) は Bootstrap タブ内にあることに注意してください。タブにないときは問題なく表示されるため、これが原因だと思います。

ブートストラップは他のタブのデータを「表示されていない」と見なすことを知っているので、それに関連していると思います。

簡単なcssまたはjsの修正はありますか? 前もって感謝します。

編集、ここにいくつかのコードがあります：

Bootstrap 3 を使用して、この投稿で提案されている方法を使用していくつかのタブを動的に作成しています: Add / Remove Tabs Dynamically in Bootstrap - Make created tab active。

イベント発火メカニズムとは別に、うまく機能しています。たとえば、静的に事前定義されたタブをクリックすると、shown.bs.tabイベントが発生しますが、動的に作成されたタブには当てはまりません。

上記の投稿https://jsfiddle.net/HotPheel/v6be62c4/4/で提案されたものから適応されたこのフィドルで試すことができ ます

HTML

JS

CSS

イベントを保持するブートストラップ タブを動的に作成する方法に関するアイデアはありますか?

助けてくれてありがとう。

アプリケーションの 1 つでブートストラップ タブを使用していますが、デフォルトのアクティブなタブでページが読み込まれると、showd.bs.tab イベントがトリガーされないという課題があります。

以下のコードには、デフォルトのタブである「ホーム」という名前のタブがあります（アクティブなクラスが追加されています）。ページの読み込み時に、「ホーム」タブのコンテンツは完全に表示されますが、問題は、そのタブに関連付けられている「shown.bs.tab」イベントがトリガーされないことです。「メニュー 1」タブに移動してから「ホーム」タブに戻ると、同じイベントがトリガーされます。

ページの読み込み時にこのイベントをトリガーするにはどうすればよいですか? この背後にある意図は、「ホーム」タブのコンテンツが動的であり、タブでトリガーされる Ajax 呼び出しの応答が表示されることです。

ここでの二重ループ クエリでは、何かがうまく機能していません。それが正確に何であるかはわかりません。基本的に、私は ACF を使用してブログ ページにリピーター フィールドを提供し、タブに表示するカテゴリ/タクソノミーを選択できるようにしました。そのため、タブの名前をうまく引き込んでいますが、そこにコンテンツを生成できないようです。「reset_rows();」を追加する必要があることが示唆されましたが、それを行ったのですが、ページの読み込みに時間がかかり、実際のコンテンツを作成していないようです。

これが私のループです。余裕のある助けをいただければ幸いです。

Bootstrap の tabs コンポーネントを使用していますが、うまく動作しているように見えますが、タブに移動してから離れると、タブはアクティブなクラスを保持します。だから、私がそれらすべてを経験したとき、それらは機能しません。これは私が持っているコードです（私はDjangoを使用しています）

問題は見つかりませんでした。Bootstrap が提供する JS スニペットを使用してみました...

...しかし、うまくいきませんでした。ばかげたことかもしれませんが、私にはわかりませんでした。助けていただければ幸いです。

私が言っていることの実際の例が必要な場合は、https://seoq.swapps.io/qa/にアクセスしてください。

ボタンをクリックすると、4 つのブートストラップ タブが表示され、デフォルトでは最初のタブ情報が表示されます。

ただし、ユーザーが最初のタブに情報を入力する代わりに 2 番目のタブをクリックすると、エラー メッセージが表示され、最初のタブに情報を入力しない限り、どのタブもクリックできないようにする必要があります。

最初のタブで必要な情報を入力した後、ユーザーは 2 番目のタブに移動し、ユーザーが最初のタブで入力した情報は、最初のタブにある [保存] ボタンをクリックしてデータベースに保存する必要があります。