複数の Bootstrap タブを含むフォームがあり、その中に複数の入力フィールドと選択フィールドがあります。一部は必須で、一部は必須ではありません。

jQuery Validation プラグインを使用してフォームを検証しています。以下は、正常に動作しているブートストラップ css を使用してエラーを強調表示および非強調表示することです。

私が本当に必要としているのは、フィールドが検証されていないタブがある場合、そのタブも強調表示したいということです。

以下のコードを使用しましたが、面白いのは、コードが機能してタブが赤色で強調表示される場合と機能しない場合があることです。

エラーのある必須フィールドがある場合、タブを強調表示するにはどうすればよいですか?

nav-justified逆の順序で動作させるにはどうすればよいですか? つまり、タブ/ピルの小さな (モバイル) 画面を水平に配置し、大きな (デスクトップ) 画面を垂直に配置する、つまり積み重ねたいということです。
CSS ルールを変更する必要がある例を次に示します (ウィンドウのサイズを変更して、両方のタイプの画面でどのように表示されるかを確認します) : http://s.bootply.com/render/1d0Cpp0po1
最も簡単な方法は？前もって感謝します！

ページの 1 つにタブがあります。私たちがやろうとしているのは、ページが最初に読み込まれるときにタブを無効にし、ボタンをクリックして有効にすることです。ビューでタブを定義するときに「無効」クラスを追加しようとしました:

ページが読み込まれると無効に見えますが、タブをクリックすると再び有効になります。また、定義から data-toggle を削除しようとした後、tabClick 関数で false を返そうとしましたが、まだ機能していません

誰かが私が間違っていることを見て、正しい方向に向けてください!

タブに Amcharts がありますが、ページの読み込み時に作成すると、不適切な (小さすぎて 0px になることもある) 高さで圧縮されます。タブを切り替えてグラフ タブに戻ると、サイズが変更され、目に見える高さが変更された後に完全に見えることがはっきりとわかります。

私は似たようなトピックをたくさん見てきましたが、それらはすべて、ページを直接ロードするのではなく、タブに到達したときにのみグラフのサイズが小さいことに不満を持っています.

invalidateSize()ページの読み込み時にチャートが作成された後（タイムアウトがあっても） 、 、 などを呼び出そうとしましたが、うまくいきvalidateNow()ません。

正しいサイズを処理するために Amcharts に十分な情報を提供しないコンテナが原因ですか? タブを変更してグラフに戻すときに、Amcharts がグラフのサイズを再計算できるのはなぜですか?

何かヒントがあれば教えてください。どうもありがとうございました

Bootstrapタブシステムを使用しています。

ここの例に従って、いくつかのタブを設定しました。div の表示/非表示: http://getbootstrap.com/javascript/#tabs

しかし<button>、次のタブへの NEXT ボタンとして機能するすべての DIV の内側が必要です。半分は機能する次のことを試しましたが、上部のタブでアクティブなクラスの更新を処理しません。

それはできますか？

私は非常に幻想的な問題に遭遇しました。

「ダッシュボード」、「アプリの編集」の 2 つのタブがあります。

「ダッシュボード」にモリスドーナツのチャートがあります。

「編集アプリ」にはモリスチャートは一切ありません。

問題は、[アプリの編集] を選択してウィンドウのサイズを変更すると、次のエラーが発生することです。

エラー: 属性変換: 期待される数値、"matrix(NaN,NaN,NaN,NaN,…".

resizeHandler に入ろうとしましたが、まだ何も役に立ちません。

これが私のコードです：

HTML:

CSS:

JS:

次のリンクに JSFiddle があります。

https://jsfiddle.net/t9p4dkzm/11/

しかし、それでもエラーが発生します:

この問題はどのように解決できますか?

ありがとう！

私のプロジェクトは、このローカル リンクでセットアップされます。

ローカルホスト:12345/index.html#/BookCollection

このページには、Bootstrap の 3 つのタブ コンポーネントがあります。最近、過去、今後

これらのタブのいずれかをクリックすると、次のページに戻ります。

ローカルホスト:12345/index.html#/

それが想定されていたのに対し：

ローカルホスト:12345/index.html#/BookCollection#Recent

他の 2 つのタブ リンクは次のとおりです。

localhost:12345/index.html#/BookCollection#過去

ローカルホスト:12345/index.html#/BookCollection#UpComing

以下のリンク構造を変更することは許可されていません。

ローカルホスト:12345/index.html#/BookCollection

これは私が使用している Bootstrap コンポーネントです:

また、Bootstrap の Tabs コンポーネントが機能する必要があります。

どうすれば修正できますか？

各タブの下に3つの異なるタブを表示する必要があるページがあり、jquery Datatableがあります。ただし、ページが最初にロードされると、すべてのデータテーブルが最初のページに表示されますが、後でタブをクリックすると同期されます。タブは、ブートストラップを使用して次のように記述されます。

javascripts 呼び出しは次のようになります。

その後、必要に応じて必要ないと思われるOnSuccess関数については、コメントしてください。

他のすべてのタブで必要ですが、最初はすべてのデータテーブルが最初のタブに表示されます。