問題タブ [jquery-ui-slider]
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.
javascript - jquery ui-(スライダー)カスタムイベントバインディングが機能しない
カスタム イベントがトリガーされず、正しく動作しない理由を理解するのに少し問題があります... カスタム イベントは各列にアタッチする必要があります。スライダーを 1 つの列のみにバインドするにはどうすればよいですか (以下の cols オブジェクト)。 ? 現在のコードでは、任意の列をクリックすると、すべての列のサイズが変更されます...
小さな div 内で開くスライダーを使用してテーブル列のサイズを動的に変更しようとしています。テーブルをクリックすると、小さなダイアログが読み込まれ、現在のすべての列幅を取得してイベント ハンドラーを追加するコードは次のとおりです。
テーブル:
スライダー:
jquery - JQuery UI - スライダー
jQuery UI Slider を使用しようとしています。そして、私がやりたいことは、スライダーの各ステップで、スライダー バーに点 (.) を描きたいということです。載せたいポイントは私の持っているイメージです。
助言がありますか?
助けてくれてありがとう。よろしくお願いします。
jquery - jQuery UI Silder 不透明度動的値
jQuery Ui スライダーを使用しています。スライダーで、クリックされている div の不透明度を検出し、それをスライダーの初期値として設定します。
jquery - jQueryスライダーの複数のカスタムハンドル(一意のクラス名を介して)
これは以前に尋ねられたようなものですが、私は正解を見つけられませんでした。
さて、ここで私は4つの異なるマーカーまたは.ui-slider-handleを作成しました。これで、スライダーが作成されると、次のようになります。
スライダーの作成時に、これらの各ハンドルに異なるクラス名を適用したいと思います。
jQuery UIスライダーのドキュメントには、次のように書かれています。
「スライダーウィジェットは、初期化時にクラス「ui-slider-handle」でハンドル要素を作成します。要素を作成して追加し、初期化の前に「ui-slider-handle」クラスを追加することで、カスタムハンドル要素を指定できます。値/値の長さに一致するために必要な数のハンドルを作成します。たとえば、「values:[1、5、18]」を指定して1つのカスタムハンドルを作成すると、プラグインは他の2つを作成します。」
残念ながら、カスタムの「ui-slider-handle」を作成して追加する方法がわかりません。
どんな助けでも大歓迎です。 ありがとう!
jquery - jQuery UIウィジェット(つまり、スライダー)とそれらのカスタムイベントハンドラーのトリガー
click
イベントをリンクにバインドする場合
そうすれば、ユーザーがリンクをクリックしなくても、このイベントハンドラーを簡単に強制的に実行することもできます。
しかし、私の場合は、イベントハンドラーをバインドできるイベントを持つjQueryスライダーウィジェットを使用しています。slide
どうすればそのイベントをプログラムで強制的に実行できるのでしょうか。
私はフォローしようとしましたが、どれも機能しません:
匿名関数の代わりに名前付き関数を使用できることは知っていますが、slide
イベントのトリガー中に任意の引数で関数を呼び出すことができるため、スライダーで設定された正しい値が提供されるため、解決策とは見なされません。
jquery-ui - コードからのjquery-uiスライダー更新値
コードからスライダーの値を更新する際に問題が発生しました。私が試してみました
そして結果なし
その他の提案
jquery - jQuery UI Range Slider - 各ハンドルのツールチップ
jQuery Range スライダーを使用して、ユーザーが 1 日の時間範囲 (つまり、10:00 - 18:00) を選択できるようにしています。
現時点ではすべて正常に動作しており、出力がテキスト ボックスに表示されていますが、これは理想的ではありません。2 つの値を別々に表示し、ハンドルをドラッグするとハンドルに追従する、ハンドルごとに個別のツールチップを用意したいと思います。スライドハンドル自体に時間を入れることができなかった.
私の問題は、特定のハンドルをターゲットにするにはどうすればよいですか? それらはjQueryによって動的に作成され、クラスによってのみ定義されるため、divを特定のハンドルにリンクする方法がわかりません。
ここで検索したところ、同様の質問がいくつか見つかりましたが、実際にこれに答えるものはありませんでした。
また、プラグインを使用したくありません。1つまたは2つ存在することは知っていますが、これはサイトの1つの場所でのみ発生しているため、かなり単純なファイルを含める必要はありません(たとえそれが私を打ち負かしたとしても:P)
jquery - Jquery イージング スライダーが IE9 で動作しない
これは奇妙なものであり、考えられる解決策について頭を悩ませる助けが必要です。
IE 9 でnsdstudio.comにアクセスして、スライダーがどの画像にも読み込まれないことを確認してください。プリローダーのみが表示されるはずです。他のブラウザでは画像が表示されます。
同じタブでwoothemes.comにアクセスし、サイトを読み込みます。nsdstudio.comに戻り、ローダーが動作していることを確認してください。
これがどのように、またはなぜ起こっているのか、誰にもアイデアがありますか?
jquery - Jquery UI スライダーの背景画像をスライダー ボタンの左半分だけに設定する方法はありますか?
一言で言えば、JQuery UI Slider を次のようにしたいと考えています。
スライダーの左半分だけに色を付けて、いずれかの方向にスライドしたときに色を調整する方法はありますか?
http://denniswaltermartinez.com/jqueryslider.png
Web ホスティングが機能していない場合の画像。
jquery - JQueryUIスライダーがIEで機能しない
コントロールの横に現在の値を表示するスライダーを取得しようとしています。このチュートリアルhttp://www.ryancoughlin.com/demos/interactive-slider/は、いかに簡単で痛みを伴わないかを説明しています。
現在、3つの連続するスライダーを設定しようとしていますが、IEは、3つのコントロールすべてのオプションをデフォルト値(0から100、ステップ1、アニメーションfalse ...)に設定しています。ただし、FFとChromeでは正常に動作します。
私は何が欠けていますか?ありがとうございました。
コードは次のとおりです。