JQuery用户界面滑块+;转到最大位置
我使用了以下JQUERY UI滑块代码: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 }); 我在顶部和底部有一个按钮
$('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);
});
希望这会有帮助