1

複数のハンドルを持つ JqueryUI レンジ スライダーを使用しています。スライドを開始したときにハンドルの jQuery オブジェクトを取得するにはどうすればよいですか?

例： http: //jqueryui.com/slider/#range

私は試した ..

$('#slider-range').slider({
    range: true,
    min: 10,
    max: 180,
    values: [ this.startDefaultVal, this.endDefaultVal ],
    slide: function( event, ui ) { }
});

$('#slider-range').on( "slidestart", function( event, ui ) {
    console.log(ui);   // get the slide object which is being dragged
});
$('#slider-range').on( "slidestop", function( event, ui ) {
    console.log(ui); // get the slide object which is being dragged
});

UI は完全なスライダー オブジェクトですが、開始時と停止時に実際にドラッグしている 2 つのスライダーを知りたいですか?

4

2 に答える 2

2

ui.handleドラッグされたハンドルを与える必要があります

$('#slider-range').on( "slidestart", function( event, ui ) {
         console.log('s',ui.handle);   // get the slide object which is being dragged
});

デモ:プランカー

于 2013-04-23T12:40:33.790 に答える
2

docsからの引用。

ui
Type: Object

   handle
   Type: jQuery
   The jQuery object representing the handle being moved.

したがって、ui.handle を使用して通常の jQuery オブジェクトを取得し、その id/class/... を読み取ることができるはずです。

$('#slider-range').on( "slidestop", function( event, ui ) {
    ui.handle // the slide jQuery object
});
于 2013-04-23T12:35:38.150 に答える