JQuery UI Slider + 转到最大位置答案

【问题标题】：JQuery UI Slider + go to Max PositionJQuery UI Slider + 转到最大位置
【发布时间】：2012-09-30 04:43:50
【问题描述】：

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

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

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

【问题讨论】：

标签： jquery jquery-ui jquery-ui-slider

【解决方案1】：

设置为最大值：

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

设置为最小值

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

【讨论】：

【解决方案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);
});

希望这会有所帮助！

【讨论】：