問題タブ [bootstrap-switch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
24071 参照

twitter-bootstrap - ブートストラップ スイッチ - オン状態

このブートストラップ スイッチ ライブラリを使用しています。

HTMLにチェックボックスがあります。現在、ドキュメントがロードされたときにcheckedプロパティがtrueに設定されていても、常にオフの状態で表示されます。

それ以外に何をする必要がありますか?

編集-私が理解しているのは、チェックボックスフィールドbootstrap-switch-offで使用されるchecked属性の値に関係なく、スイッチはデフォルトでクラスを持つ入力タイプチェックボックスフィールドの周りにコンテナを追加していることです。

0 投票する
3 に答える
34939 参照

html - ブートストラップスイッチ大きなラベルテキストを表示する方法

2 つのオプションを含むチェックボックスを表示するために、twitter の bootstrap-switch プラグインを使用しています。「はい/いいえ」のような小さなラベル テキストのチェックボックスに適しています。ただし、「正常/異常」のような大きなラベル テキストになると、テキストの一部がユーザーに表示されません。

data_size私は属性を使用しようとしました:

しかし、うまくいきませんでした。

プラグインが長いテキストもサポートするようにするにはどうすればよいですか?

0 投票する
2 に答える
17103 参照

javascript - ブートストラップ スイッチ チェック チェック済みステータスは常に false を返します

スイッチがトグルされるイベントをリッスンしたくありません。代わりに、JavaScript を使用して現在のチェック状態を確認したいと考えています。

チェックされた値をチェックするためのこの単純な JavaScript があります。

スイッチがどの状態 (オンまたはオフ) に設定されていても、チェックされていないという警告が常に表示されます。

以下を使用してトグルスイッチを初期化しました。

また、inputタグ内にchecked属性を設定してみました。スイッチの正しい状態を取得するために何も機能しません。

0 投票する
1 に答える
251 参照

javascript - DOMに追加された要素でプラグインを呼び出そうとすると、jQueryの無限再帰

編集: http://jsfiddle.net/J26Dw/ ([追加] をクリック)

data-widget="bootstrap-switch"属性でマークされたすべてのチェックボックスに対して、bootstrapSwitch()プラグインを呼び出したいと思います。これは、次の単純な関数でうまく機能します。

チェックボックスがオンザフライで DOM に作成/追加された、つまりボタンをクリックした場合はどうなるでしょうか?

イベントをキャッチしてから、追加された要素をDOMNodeInserted呼び出そうとしましたが、 . 次のコンソール エラーが表示されます (多数のチェックボックスと共に :P):bootstrapSwitch().data('bootstrap-switch')undefined

Uncaught RangeError: 最大呼び出しスタック サイズを超えました。

誰かが私を正しい方向に向けることができますか?

0 投票する
0 に答える
518 参照

jquery-validate - Jquery の検証はブートストラップ スイッチに依存します

日付フィールドで検証を使用したい (seguro_resp_civil_validade)。このフィールドは、ブートストラップ スイッチ (seguro_resp_civil) が「ON」の場合にのみ検証する必要があります。

私はこのコードを持っています:

seguro_resp_civil_validade: {

}、

おそらく、ブートストラップ スイッチを使用していて、'hasClass' がこの使用に適していないためです。ブートストラップスイッチがチェックされているかどうかを確認するにはどうすればよいですか?

ありがとう

0 投票する
1 に答える
883 参照

javascript - jQuery bootstrap-switch 3.0.2 が入力で変更イベントをトリガーしていない

jQuery の bootstrap-switch プラグインを最新バージョンに更新したばかりで、興味深い機能や優れた機能が多数含まれていますが、実際に動作するコードは次のようになります。

そして、スイッチを切り替えるとchange、入力でイベントがトリガーされていました。上記のコードが機能する場合はクールですが、最後の更新ではこれは発生していません!

入力の変更を識別するために使用できるコールバックがあることは知ってonSwitchChangeいますが、何か不足しているかどうかを知る前に 100 行のコードをリファクタリングしたくないことは知っています。

0 投票する
1 に答える
2384 参照

javascript - Laravel 4 と Bootstrap スイッチ

Laravel の最新バージョン (4.2.8) で Bootstrap Switch ( http://www.bootstrap-switch.org ) を使用しようとしていますが、このフレームワークと PHP の学習は初めてです。

以下に示すように、メインの index.blade.php ファイルのヘッド内で 4 つの必要なファイルを参照しました。

index.blade.php ファイルのさらに下に、checked の値を持つチェックボックスを作成し、関数を呼び出して、チェックボックスをトグル スイッチに合わせようとします。

次のエラーが表示されます。

symfony\Component\Debug\Exception\FatalErrorException(E_ERROR)未定義関数bootstrapSwitch()の呼び出し

そのエラーの下で、私の index.blade.php ファイルの抜粋が参照されます。

以前に Bootstrap Switch を Laravel と統合できた人はいますか、またはこれを行う他の方法はありますか? 最終的に、これはスタッフの空き状況の Web サイト用であり、誰かが利用できない場合は赤に、利用可能な場合は緑に切り替わります。ステータス (ブール値) は MySQL データベースに保存されます。よろしくお願いします。