問題タブ [bootstrap-tabs]

ページで Twiter Bootstrap Tabs を使用しています。ビューにタブを動的に追加したい。現在、このコードを使用していますが、機能していません

私が欠けているものを教えてくれる人はいますか？

Angular UIで Bootstrap タブを使用するときに、どのタブが選択されているかを知る方法はありますか?

ペインの配列を見てみましたが、タブを切り替えても更新されないようです。タブが選択されたときにコールバック関数を指定できますか?

コード例で更新します。

コードは、Angular UI ブートストラップ ページの例に非常に従っています。

マークアップ:

コントローラ：

タブ可能な2つのブートストラップを持つページがあります。すべてのタブ可能なタブで、1 つのタブがアクティブに設定されます

ここに私のマークアップがあります:

ページが読み込まれると、最後のタブ可能なタブのみがアクティブになります。最初のタブ可能なアクティブな状態がありません。

JavaScript で 2 つのタブをアクティブに設定しても機能しません。

data-spy="scroll"body タグから削除すると機能します。

scrollspy と複数のタブを機能させるには?

ブートストラップ タブに閉じるアイコンを追加したいので、アイコンをクリックしてタブを閉じることができます。

以下を試してみましたが、「X」がタブタイトルと同じ行に表示されません。

次のコードがあります。

クリック中にタブを開いたり閉じたりすることができましたが、フェードトランジションが機能しなくなりました。

私が間違っていることを誰かが知っていますか？

ありがとうございました。

HTML:

JavaScript:

ドロップダウン タブを使用したいのですが、少し調整しました: キャレットを押すと (タブを選択せず​​に) ドロップダウン メニューを表示したいのですが、タブの音声またはドロップ メニュー項目の 1 つを押すと、タブが選択されます。

このことを考慮：

「ドロップダウン」の下向きキャレットを押すと、ドロップダウン メニューを次のように表示したいと思います。

@fat または @mdo を選択すると、タブが選択されます。それ以外の場合は、上記の元のバージョンに戻す必要があります。これは、タブ内の通常のドロップダウン項目の実際の動作ですが、タイトルはタブを開く代わりにドロップダウン メニューを開きます。これは私が望んでいないことです。つまり、開くことができるタブは 2 つではなく 3 つになります。では、2 つのコンポーネントを区別するにはどうすればよいでしょうか。

<a href ="">wordpress テンプレートのナビゲーション メニューに取り組んでいます。ヘッダーでブートストラップ 3 タブを使用していますが、要素タブのタグに対して関数 get_permalink( $page_name_id ) を呼び出すと<li>スタックしますが、php コード タブを削除すると作業しています。

私の質問は、タブをクリックしたときにこのタブを変更する方法で、PHPコードは選択したページのリンクを返すことができますか?

ヘッダーのコードは次のとおりです。

関数 wt_get_ID_by_page_name これは、page_name_id によって get_permalink 関数をハードコーディングしたもので、ページ名によってパーマリンクのみを返します。

ここにコードがあります:

表示しているタブに応じて一度に 1 つずつ表示される多くのグラフを含むページを作成しています。

最初にアクティブなタブのグラフが正しくレンダリングされます。ただし、別のタブをクリックすると、グラフが正しく表示されません。

おそらくこれは、非表示フィールドが表示されるまでディメンションを持たないためです。実際、ウィンドウのサイズを変更すると、チャートは比率を修正し、使用可能な幅を埋めるようにレンダリングします。

css を使用してグラフのサイズを明示的に定義することでこの問題を解決できますが、これではグラ​​フの応答性が損なわれます。

ウィンドウのサイズが変更されたときにアクティブになる同じ NVD3 イベントをトリガーする方法を誰か教えてもらえますか? そうすれば、それを新しいタブの選択にバインドでき、うまくいけばレンダリングの問題を解決できます。