Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery用户界面滑块+;转到最大位置_Jquery_Jquery Ui_Jquery Ui Slider - Fatal编程技术网

JQuery用户界面滑块+;转到最大位置

JQuery用户界面滑块+;转到最大位置,jquery,jquery-ui,jquery-ui-slider,Jquery,Jquery Ui,Jquery Ui Slider,我使用了以下JQUERY UI滑块代码: $('div#chatFriendsSliderPath').slider({ orientation: 'vertical', animate: 'fast', change: handleSliderChange, slide: handleSliderSlide, range: 'min', min: 0, max: 100, value: 100 });​ 我在顶部和底部有一个按钮

我使用了以下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...');
}); 
我需要用什么来代替警报代码,以使滑块移动四肢

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

要设置为最大值:

$('div#chatFriendsSliderPath').slider( "option", "value", 100 );
设为最小值

$('div#chatFriendsSliderPath').slider( "option", "value", 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);
}); 
希望这会有帮助