Javascript 使jQuery UI滑块可单击而不是可拖动
我正在使用jQueryUI1.10.3。我想让slider小部件的一个实例不可拖动。我希望用户能够仅单击滑块上的值Javascript 使jQuery UI滑块可单击而不是可拖动,javascript,jquery,jquery-ui,jquery-ui-slider,Javascript,Jquery,Jquery Ui,Jquery Ui Slider,我正在使用jQueryUI1.10.3。我想让slider小部件的一个实例不可拖动。我希望用户能够仅单击滑块上的值 我在滑块的开始方法上尝试了eventDefault。。这不起作用(无响应滑块) 只需像这样向代码中添加draggable:false $("#slider").slider( { value:100, min: 0, max: 500, step: 50, draggab
我在滑块的开始方法上尝试了
eventDefault
。。这不起作用(无响应滑块) 只需像这样向代码中添加draggable:false
$("#slider").slider(
{
value:100,
min: 0,
max: 500,
step: 50,
draggable: false,
slide: function( event, ui ) {
$( "#slider-value" ).html( ui.value );
},
start: function( event, ui ) {
//event.preventDefault();
},
}
);
$( "#slider-value" ).html( $('#slider').slider('value') );
很好的解决方案。谢谢
$("#slider").slider({
value:100,
min: 0,
max: 500,
step: 50
}).on({
slide: function(e,ui) {
$(this).data('v', ui.value);
e.preventDefault();
},
mousedown: function() {
var that = this;
setTimeout(function() {
var v = $(that).data('v');
$(that).slider('value', v);
},2);
}
});
$( "#slider-value" ).html( $('#slider').slider('value') );