問題タブ [bootstrap-switch]

私はbootstrap-switch - v3.3.1を使用していますが、切り替え時にスイッチャーのデフォルトの青いアウトラインは必要ありません。入力用に設定style="outline: 0 none;しましたが、機能しません。

これが私のhtmlです：

JS:

Bootstrap Switch ライブラリを使用していますが、次のコードを記述した後、'True/Yes/on' 値のみをバックエンドに渡すことができます。他の状態はまったく渡されていません。

HTML:

JavaScript:

私は何が欠けているか、間違っていますか?

簡単なものが欠けていますが、見つかりません。私のasp.net MVC5プロジェクトでは、bootstrap-switch. これは私がやったことです：

BundleConfig.cs:を追加bootstrap-switch.cssしbootstrap.switch.js、以下のように、

（そして、ファイルがそれらの場所にあることを確認してください）。

次に、ビューで次の3つのチェックボックスを試しました。

ビューファイルの下部に、

しかし、プロジェクトを実行すると、チェックボックスは標準のチェックボックスのように見えます (CSS または機能が追加されていません)。

これに関する多くの投稿を読みました (私のコードはhttp://www.bootstrap-switch.org/ verbatim に従います) が、間違いを見つけることができません。

テキスト フィールドに名前を入力し、必要に応じてチェックボックスを切り替えることで、ユーザーが配送タイプを作成できるフォームがあります。別の配送タイプを追加するには、jQuery の clone メソッドを使用してフィールドを 1 回以上再構築します。

私の目標は、bootstrap-toggle を使用してチェックボックスをトグルに変更することです。これは最初のトグルでは問題なく機能しますが、後続の複製されたフィールドのセットは失敗します。

これを無駄に機能させるために、最初のコードを最も基本的な例に落とし込みました。

Bootstap-toggle は、ページの読み込み時にチェックボックスを次のように変換し、トグルは正常に機能します。

addShippingToPage 関数を使用して別のフィールドを追加すると、複製された HTML はまったく同じように見えます。ただし、ボタンを切り替えようとすると、最初の開始 div 内に前の bootstrap-toggle コードの完全なコピーが作成され、もちろんトグルは移動できません。

クローンを使用しても単に失敗するBoostrap-switchを試したり、クラスとIDの名前を変更して差別化を確実にするなど、考えられるすべてを試しましたが、これを機能させることはできません。任意のガイダンスをいただければ幸いです。

オン/オフの切り替えには Bootstrap を使用しています。このページでは、ページ コンテンツをリロードするために 5 秒ごとに ajax が更新されます。私が直面している問題は、ページが ajax を介して更新されると、ブートストラップ スイッチがその CSS スタイルを失うことです。

私はfirefox inspectを使用していますが、これは私が見たものです：

ajax リフレッシュ前:

ajax リフレッシュ後:

ajax コード:

これらの必要なブートストラップ css とおそらく js をリロードするにはどうすればよいですか??