問題タブ [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 投票する
1 に答える
423 参照

php - レスポンシブビューのデータテーブルプラグイン内のブートストラップスイッチでajaxコールキャッチイベントが機能しない

Ajax コール キャッチ イベントが、レスポンシブ ビューのデータ テーブル プラグイン内の Bootstrap スイッチで機能しない。

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

javascript - onswitchchange 後にブートストラップ スイッチを無効にする

私はブートストラップとjqueryを使ったコーディングが初めてです。「onswitchchange」メソッド オプションでブートストラップ スイッチを無効にするにはどうすればよいですか

ここに私のjavascript/jqueryコード:

私も変更しようとしthis.disabled = trueまし$(this).setDisabled(true);たが、もちろんエラーを返します。setDisableメソッド内でメソッドを呼び出す方法を知りたいだけですonswitchchange。そんなことありえないと。変更/クリックした後にスイッチを無効にする他の方法はありますか?

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

javascript - ngModel の変更後にブートストラップ スイッチを更新する

angular 1.4.x とBluradminテンプレートを使用しています。問題は、bootstrapswitch カスタム ディレクティブに関連しています

DOM のレンダリング中に一度だけ適切にロードされ、ngModel の変更後に更新されません。どうすれば達成できますか?ところで、手動で切り替えることはできますが、それはポイントではありません。

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

jquery - onclick イベントを bootstrap-switch にバインドする

ユーザーが行ったブートストラップ スイッチの選択に従って、コンテンツを非表示および表示するフォームを作成しています。onclick="documentFilter イベントは通常のチェック ボックスで機能しますが、ブートストラップ スイッチを初期化した瞬間に、コードが意図したとおりに機能しません。何が欠けているか分かりますか?ありがとう!

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

jquery - Angular 2: Bootstrap Switch が変数の値を変更しない

Angular 2 アプリケーションのチェックボックスにブートストラップ スイッチを使用しています。スイッチをクリックするとLightNeeded、クラス内の変数の値がそれに合わせて変化するようにします。次のコードがあります。

HTML:

TypeScript ファイル:

スイッチが true の場合、true がコンソールに正常に記録されます。false の場合、false がコンソールに正常に記録されます。ただし、LightNeeded変数の値が変更されることはありません。

にカーソルを合わせるthisthis.LightNeeded、次の警告が表示されます。

疑わしい 'this' の使用法: 現在のコンテキストでは、'this' は含まれているクラスではなく、ローカル関数を参照しています。

this意図したとおりに作業を開始し、LightNeeded変数の値を変更するにはどうすればよいですか? 私は、理にかなっている他のアプローチを取ることにもオープンです。入力に追加しようとし[attr.checked]="LightNeeded? true : null"ましたが、うまくいきませんでした。

編集:

単純なチェックボックスの場合は、追加による双方向バインディングが[(ngModel)]="LightNeeded"機能していましたが、何らかの理由で、ブートストラップ スイッチ プラグインがその双方向バインディングを壊してしまいました。JQuery Inputmask や JQuery UI Datepicker などの他のプラグインも双方向バインディングを壊します。

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

bootstrap-switch - ブートストラップ スイッチの高さの問題

テキストが「はい」のブートストラップスイッチ

Bootstrap スイッチの高さの問題に直面しています。スイッチの高さを変えることができません。スイッチの高さを変える方法を教えてください。

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

css - ブートストラップ スイッチがすべて間違っているように見える

Web ベースのツールを開発しており、ブートストラップ スイッチを使用しています。

スイッチは次のようになります。

ここに画像の説明を入力

これはHTMLです:

の幅は<td>と で設定され、<th>130px です。

これはJSです:

IE11 ではこのように見えますが (仕事でアクセスできるものはすべて)、firefox と chrome では問題なく表示されます。任意のイエズス?

ここにフィドルがあります

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

javascript - wordpress 管理パネルでの bootstrap-slider と bootstrap-switch の使用

管理パネルを使用してWordpressテーマを作成しています。ブートストラップスイッチとブートストラップスライダーを次のように配置したいと思います:

ここに画像の説明を入力 また ここに画像の説明を入力

しかし問題は、ページ内のスクリプトが正しく追加されているのに何も起こらないことです。私は次のようにエンキューされたスクリプトを持っています:

ページのファイルでこのスクリプトを正しく見つけましたが、スライドしようとしても何も起こりません。

次のような入力があります。

そして、私が持っているJavaScriptで:

入力内に次のようなスパンを作成します。

ここに画像の説明を入力

しかし、私が示す入力は通常の入力です。 ここに画像の説明を入力

何が間違っているのかわかりませんが、別のテーマで示したので、それが可能であることはわかっています.

助けてくれてありがとう。

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

bootstrap-switch - ブートストラップ スイッチのチェック ステータスは常に true を返します

このコードは、スイッチの状態をオフからオンに変更した後、初めて「チェック済み」というアラートを出します。そして、状態を再びオフに変更した後、「チェック済み」のアラートのみが表示されます。ボタンクリックイベントでこのコードを使用しています。毎回私はチェックされるだけです。

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

jquery - ブートストラップ スイッチ トグルで入力ボックスを無効にする

ブートストラップ スイッチ ボタンで切り替えるときに、テーブル内の入力ボックスを無効/有効にしようとしています。

-- jQuery の方法 1: これはまったく機能しません。

-- 方法 2 : これは最初の 1 つだけを無効にします