0

次の JQUERY UI スライダー コードが動作しています。

$('div#chatFriendsSliderPath').slider({
    orientation: 'vertical',
    animate: 'fast',
    change: handleSliderChange,
    slide: handleSliderSlide,
    range: 'min',
    min: 0,
    max: 100,
    value: 100
});​

上下にボタンがあり、スライダーを上/最大または下/最小の位置に移動するためのボタンがあります。以下のコード。

// Chat Contacts - Scroll to Top
$(document).on('click','img#chatContactsSliderBarTop', function() {
    alert('top...');
}); 

// Chat Contacts - Scroll to Bottom
$(document).on('click','img#chatContactsSliderBarBottom', function() {
    alert('bottom...');
});

スライダーで四肢を動かすには、アラート コードの代わりに何を配置する必要がありますか?

注: ここには入れていない変更/スライドのコードもあります。

4

2 に答える 2

0

最大に設定するには:

$('div#chatFriendsSliderPath').slider( "option", "value", 100 );

TO 最小に設定

$('div#chatFriendsSliderPath').slider( "option", "value", 0 );
于 2012-09-30T04:54:02.603 に答える
0

次のようなものを使用する必要があります。

// Chat Contacts - Scroll to Top
$(document).on('click','img#chatContactsSliderBarTop', function() {
    $('div#chatFriendsSliderPath').slider( "option", "min", 0);
}); 

// Chat Contacts - Scroll to Bottom
$(document).on('click','img#chatContactsSliderBarBottom', function() {
    $('div#chatFriendsSliderPath').slider( "option", "max", 100);
});

これが役立つことを願っています!!

于 2012-09-30T04:57:01.663 に答える