[解決済み] jQuery UIスライダー(プログラムによる設定)
2023-07-12 08:35:45
質問
スライダーをオンザフライで変更したい。私はそれを行うために使用しようとしました。
$("#slider").slider("option", "values", [50,80]);
この呼び出しは、値を設定しますが、要素はスライダーの位置を更新しません。 呼び出し
$("#slider").trigger('change');
も役に立ちません。
値およびスライダーの位置を変更する他の/より良い方法はありますか?
どのように解決するのですか?
現在の範囲内のスライダーを変更したいのか、スライダーの範囲を変更したいのかによって異なります。
変更したいのが現在の範囲の値であれば、使用すべきは .slider() メソッドですが、構文はあなたが使用したものとは少し異なります。
$("#slider").slider('value',50);
とか、ハンドルが2つあるスライダーの場合だと
$("#slider").slider('values',0,50); // sets first handle (index 0) to 50
$("#slider").slider('values',1,80); // sets second handle (index 1) to 80
変更したい範囲であれば、そうなります。
$("#slider").slider('option',{min: 0, max: 500});
関連
-
[解決済み] jquery 3.0 url.indexOfエラー
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryの複数要素の同一クリックイベント
-
[解決済み] GoogleのCDNからjQuery UI CSSをダウンロードする
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] チェックボックスのチェック/アンチェックは、jqueryを使用していますか?重複
-
[解決済み] jQueryでチェックボックスの値を取得する
-
[解決済み] .on('click') と .click() の違いについて
-
[解決済み] jQueryを使用して配列から特定の値を削除する方法
-
[解決済み] JSONPとは何か、素人目にもわかるように説明してくれる人はいませんか?[重複)。
-
[解決済み] val()を使ってselectの値を設定しても、jqueryのchangeイベントが発生しないのはなぜですか?
-
[解決済み] ボタンやリンクを無効化・有効化する最も簡単な方法とは(jQuery + Bootstrap)
-
[解決済み】jQueryのテンプレートエンジン【終了しました
-
[解決済み】フォームのhiddenフィールドにjQueryの".val() "を使って値を設定してもうまくいかない。
-
[解決済み] jQueryで選択されたオプションのインデックスを取得する