問題タブ [select-to-slider]

SELECT 要素をスライダーに変換する Filament グループの jQuery UI スライダーを使用しています。それは正常に動作します。ここで、JavaScript を使用して、スライダー ハンドラーをスライダー スケールの特定のポイントにプログラムで移動したいと考えています。

例: ボタンをクリックすると、JavaScript 関数が呼び出され、その中にスライダー ポインターをスケール内の特定の目盛り/スライダー ポイントに移動するコードを記述します。

ここにサンプルアプリケーションがあります：

http://jsfiddle.net/DrR7s/15/

FilamentGroupのSliderコンポーネントを使用しています。ここでコンポーネントを表示できますhttp://filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/

スタイルシートを変更して、不要なラベルとドロップダウンを削除しました。次に、いくつかのカスタム画像でスライダーハンドルを変更しようとしました。奇妙な結果が出ています。スライダーはハンドル自体を表示していません。

スライダーハンドルを変更するためのサンプルを持っている人はいますか？何が間違っているのかわかりません。

コード：

スタイル:(完全なスタイルを投稿できませんでした）

だから私はhttp://filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/を使用してそれをスライダーに変換する選択と関数を持っています

私がやりたいことは（今のところ、後で値に基づいて別の要素のinnerHtmlを変更したい）、ユーザーがスライドしているときにスライダーの現在の値を警告することです。

このコードは、スライド イベントが「スライド中にマウスを動かすたびにトリガーされる」ことを除いて、私が望むほとんどのことを行います。これは、1 つの小さなスライドで約 10 回を意味します。とてもうるさい。私が欲しいものではありません。また、プログラムで値を変更するようにも見えます-私のハンドルはいたるところにジャンプし続けます。

私も変更を試みましたが、停止時にのみトリガーされるため、ユーザーが前後にスライドしているだけでマウスボタンを離していない場合、アラートは発生しません。悪い。

どうすればこれを処理できますか? イベントとして「on value change」のようなものが必要だと思いますか？しかし、常にチェックせずにそれを実装するにはどうすればよいでしょうか?

SelecttoUISlider を使用してサイトのスライダー検索コントロールを作成しています。すべてがクロム、IE、および Windows Phone でうまく機能します。ただし、デスクトップ サファリまたは Apple デバイスでは、バックグラウンドでの選択の値は変わりません。'selected' 属性は変更されますが、select 要素の物理的な値は変更されません。その結果、バグのある結果が得られ、クエリ文字列が異なる値で結果ビューに 2 回渡され、エラーが発生します。

SelectToUISlider のかなり標準的な構文を使用しています。そして、基本的なjquery UIで動作することを確認しました

誰かがhttp://jsfiddle.net/847aypbb/を見たいと思った場合に備えて、この JSfiddle で select 要素を表示できるようにしました。