Jquery 离子范围滑块:如何确定已更改的控制柄
您好,我正在使用IonRangeSlaider(版本2.0.6),希望知道在其他位置拖动哪个句柄以对该信息执行音频搜索。 目前,此代码没有帮助Jquery 离子范围滑块:如何确定已更改的控制柄,jquery,rangeslider,Jquery,Rangeslider,您好,我正在使用IonRangeSlaider(版本2.0.6),希望知道在其他位置拖动哪个句柄以对该信息执行音频搜索。 目前,此代码没有帮助 $('#scrubber').ionRangeSlider( { min: 0, max: 50, from: 10, to: 20, type: 'double',
$('#scrubber').ionRangeSlider( {
min: 0,
max: 50,
from: 10,
to: 20,
type: 'double',
keyboard: false,
onChange: function ( e ) {
var start = e.from,
end = e.to;
/*Bug here*/
audio.currentTime = start;
audio.currentTime = end;
}
} );
onChange方法没有帮助,因为它不提供有关当前是否正在拖动左(开始)或右(结束)句柄的信息。
只要值发生变化,它就会启动
我想要的是一些类似的东西
/* start */
onLeftHandleChange:function(start){
audio.currentTime = start;
}
/* end */
onRightHandleChange: function(end){
audio.currentTime = end
}
/*----------------------------------------------------------------*/
OR
/*--------------------------------------------------------------*/
if(start value changes){
audio.currentTime = start
}
if(end value changes) {
audio.currentTime = end
}
我已经阅读了文档,似乎找不到任何方法可以做到这一点
dom元素分别更新滑块(.irs-from)和(.irs-to),而不必同时更新所有滑块,因此给了我希望
任何帮助或其他插件都将不胜感激。我已经使用过DxRangeSloider,它也有同样的问题诀窍是下载livequery插件(),它可以在元素出现在dom中时检测元素 并使用css类(.irs-from)和(.irs-to)侦听对以下两个span元素的更改。这些类由ion Slider插件插入。为此,不需要Onchange事件
$( '.irs-from' ).livequery( function () {
$( '.irs-from' ).bind( 'DOMSubtreeModified', function () {
/* when left handle is being dragged */
console.log( 'LEFT VALUE ' + $( this ).html() );
} );
} );
$( '.irs-to' ).livequery( function () {
$( '.irs-to' ).bind( 'DOMSubtreeModified', function () {
/* when right handle is dragged */
console.log( 'RIGHT VALUE' + $( this ).html() );
} );
} );