Question

我有以下JQUERY UI Slider Code正常工作：

$('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...');
});

我需要用什么代替警报代码才能让滑块移动四肢？

注意：还有我未放在此处的更改/幻灯片代码。

Answer 1

设置为max：

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

设置为分钟

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

Answer 2

你应该使用这样的东西：

// 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);
});

希望这会有所帮助!!

JQuery UI Slider +转到Max Position

2 个答案: