0

こんにちは、私は IonRangeSlider (バージョン 2.0.6) を使用しており、その情報に対してオーディオ シークを実行するためにどのハンドルがドラッグされたかを知りたいと考えています。現在、このコードは役に立ちません。

          $('#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 ) または右ハンドル (end ) が現在ドラッグされているかどうかに関する情報を提供しないため、役に立ちません。値に変化がある限り、それは始まります。 

     /* 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) をそれぞれ更新するので、一度にすべてを更新する必要はありません。

任意のヘルプまたは別のプラグインをいただければ幸いです。すでに dxRangeSlider を使用していますが、同じ問題もあります。

4

1 に答える 1

0

トリックは、dom に表示されたときに要素を検出し、css クラス (.irs-from) を使用して次の 2 つのスパン要素への変更をリッスンするlivequery プラグイン ( https://plugins.jquery.com/livequery/ ) をダウンロードすることです。および (.irs-to)。これらのクラスは、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() );
                } );
            } );
于 2015-05-01T01:37:34.257 に答える