問題タブ [bootstrap-switch]

結果：

写真へのリンク

私のコード:

Bootstrap スイッチは完全に機能しますが、なぜそんなに長いのかわかりません。属性を変更してみましdata-size="small"たが、それでもスイッチの長さは変わりません。make-switch私もクラスを取り出してみましたswitch-onが、長さに変化はありませんでした. なぜこれが起こっているのですか？

編集：スイッチ<div>に次のように設定できます。 <div class="make-switch switch-on" style="height:40px"> しかし、これは非常に汚い回避策です。また、見栄えもよくありません。

bootstrap switch状態が true または false に変化した場合、一部の CSS クラスを動的に変更するにはどうすればよいですか? 実際、可能であれば、新しいクラスを追加することでも問題が解決する可能性があります。それを行うための簡単で便利な方法はありますか？ドキュメントを改ざんしましたが、何も見つかりませんでした。

onSwitchChangeこの状況ではイベントで十分ですが、それについて何か助けが必要です。

アップデート

私が達成したいことを伝える画像を添付しました。

ユーザーを有効または無効にするために、データテーブルとブートストラップ スイッチ プラグインを使用しています。スイッチをクリックすると、ajax を介して Web サービスが呼び出され、残りの Web サービスはユーザーのステータスをデータベースに切り替えます。問題は、どのユーザーがデータテーブル行から選択されているかを知り、それを私の Web サービスに渡すことです。これはテーブルの初期化です:

そして、これはブートストラップ スイッチ イベントです:

構築中にブートストラップスイッチのフィールドとしてユーザー名を設定することを考えましたが、どうすればよいですか? 私はこのようなことをする必要があります:

しかし、ajax呼び出しから返された値ではなくユーザー名を設定しているため、機能しません。手伝って頂けますか？

このスイッチを使用しています。使ってみました

無駄に。

HTMLで以下のコードでブートストラップスイッチを使用しようとしていますが、

しかし、これは値として「true」または「false」を返します。

カスタム値を選択として取得するにはどうすればよいですか? 上記のようにスイッチを選択して有効または無効にしますか？

ユーザーが私の Web ページにアクセスすると、最初はブートストラップ スイッチが正しくレンダリングされません。

次に、通常の場合：

私が考えているのは、ページが Bootstrap Switch よりも先にレンダリングされているということです! 以下のように、Jquery ready 関数を使用しても:

ユーザーにとってこの種の悪い経験を本当に避けたいのですが、それを修正するにはどうすればよいですか?

チェックボックスがあるフォームウィザードがあります。ブートストラップ スイッチを使用してトグル ボタンをユーザーに表示しています。ユーザーがボタンをクリックするたびに、YES または NO (チェック/チェック解除) が表示されます。ただし、次のいずれかを実行しない限り、クリック イベントは機能しません。

1. ウィザードを削除すると、ブートストラップ スイッチ ボタンが期待どおりに機能します。

2. ブートストラップ スイッチ コードにコメントを付けます

   $("[type='checkbox']").bootstrapSwitch();

3. デリゲートを使用してクリック イベントを追加する

   $('#UserForm').on('click', '#checkbox1', function () { console.log('you click me'); });

2016 年 3 月 22 日更新

以下のコードを削除すると、問題なくクリック イベントが発生します。