問題タブ [bootstrap-tabs]

私はJSに非常に慣れていないので、できるだけ詳しく説明してください。HTML ページにブートストラップ タブを実装しています。jquery ui を使用したスライダーがあります。タブを実装する前は、スライダーは完全に機能していました。しかし、スライダーは見えなくなりました。適当なところをクリックすれば移動できます。私が今見ることができるのは、全体ではなくスライダーの値だけです。

タブをクリックした後にスライダー スクリプトをリロードしようとしましたが、役に立ちません。もう1つの奇妙なことは、タブを完全に削除してスライダーだけを使用しようとしても、結果は同じです。スライダーの値だけが表示され、div 全体が表示されません。

必要に応じて、さらに説明を求めてください。どんな助けでも大歓迎です。前もって感謝します。

js:

html:

アップデート：

スライダーは完全に機能するようになりました。私がしたことは、これらのファイルをロードすることだけでした:

以前は、次のようにローカル ディスクからロードしていました。

それらはこれらのバージョンのものです:

それで、何が問題だったのかについてのアイデアはありますか?? それは本当に私を困惑させます。

ng-routerデフォルトでdiv IDにマップされているBootstrapタブも使用しています。Angular はタブ リンクをルートとして扱い、タブを開く代わりにそれらをルーティングしようとしていますか? これらのリンクを無視する必要があることをAngularに伝えるにはどうすればよいですか、またはIDを使用する必要がないようにタブを実装するにはどうすればよいですか? ID を使用するタブやパネルなど、多くの Bootstrap ウィジェットがあります。

Angular リンクは次のようになります。

タブのリンクは次のようになります。

mvc カミソリ ページ (cshtml) があり、そこに bootstrp タブドロップを実装しようとしました。タブを取得できますが、タブドロップは表示されません。HTMLファイルで同じコードを実行すると、タブと、追加のタブ名を保持するタブドロップを取得できます。ただし、cshtml ファイルでコードを実行すると、表示されません。

余分なタブは 2 行目に表示され、タブドロップも表示されません。

タブドロップ ソース

これは、tabdrop.js を使用した cshtml ファイルの完全なコードです...

cssファイルをその場所に保存しています

コンテンツ\css

およびその場所に保存されている Javascript ファイル

コンテンツ\js

cshtml ファイルには、ADMINLTE ブートストラップのブートストラップ テーマがあります。

誰でもこれで私を助けることができますか? ブートストラップ タブドロップが cshtml ファイルで動作するかどうかを知りたいですか?

次のようなX-tabs プラグインを使用して、ブートストラップ 3 タブとスタイルで作業します。

HTML :

私はこのように新しいタブコンテンツを追加しますdiv:

実際には、これdivはタブ外のコンテンツに表示され、機能しません。どうすればこの問題を解決できますか?!

DEMO FIDDLE (最初のタブを確認して問題を確認し、2 番目のタブは正常に機能しました)

私はsummyjsでブートストラップタブをルーティングする方法を見つけましたが、私が見たサンプルと一致しているようには見えません. 私はsummyjsの学習を始めたばかりで、うまくいきましたが、どうやってやったのか気に入りません...これが私のコードです

これを解決するためにsymmyを学ぶのを手伝ってください...私が望むのは、以下のスクリプトよりも優れたワットでルーティングを行うことです...

モーダルとajaxなしで正常に動作します。しかし、ajaxを使用してタブ付きパネルをモーダルにロードすると、選択されませんTab Panes。

AJAX

私のモーダル