jquery - JQuery UI Slider + 转到最大位置

Question

我有以下 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...');
}); 

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

注意：还有我没有放在这里的更改/幻灯片代码。

Answer 1

TO 设置为最大值：

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

TO 设置为最小

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

希望这会有所帮助！