Jquery 滑杆赢得';不能正确更新
我正在使用jquerysliderui小部件。我在使用两个相同形式的滑块时遇到了奇怪的问题。我试着只使用幻灯片选项。这将创建一个滑块,该滑块可以一直拖动到末端,但滑块的值小于滑块的完整值。滑动滑块的速度越快,此问题就越明显 然后我添加了一个更改选项。与滑动功能相同的功能。这解决了我的第一个问题。但现在每次我滑动到一个值,当我释放时,该值会增加或减少1。我根本无法解释这一点。代码如下Jquery 滑杆赢得';不能正确更新,jquery,Jquery,我正在使用jquerysliderui小部件。我在使用两个相同形式的滑块时遇到了奇怪的问题。我试着只使用幻灯片选项。这将创建一个滑块,该滑块可以一直拖动到末端,但滑块的值小于滑块的完整值。滑动滑块的速度越快,此问题就越明显 然后我添加了一个更改选项。与滑动功能相同的功能。这解决了我的第一个问题。但现在每次我滑动到一个值,当我释放时,该值会增加或减少1。我根本无法解释这一点。代码如下 $(function() { $( "#minTixSlider, #minPriceSlider" ).sli
$(function() {
$( "#minTixSlider, #minPriceSlider" ).slider({
value:0,
min:0,
max: 100,
step: 1,
slide: function() {
$( "#minTix" ).val( $( "#minTixSlider" ).slider( "value" ));
$( "#minPrice" ).val( $( "#minPriceSlider" ).slider( "value" ));
},
change: function() {
$( "#minTix" ).val( $( "#minTixSlider" ).slider( "value" ));
$( "#minPrice" ).val( $( "#minPriceSlider" ).slider( "value" ));
}
});
$( "#minTix" ).val( $( "#minTixSlider" ).slider( "value" ));
$( "#minPrice" ).val( $( "#minPriceSlider" ).slider( "value" ));
});
您是否尝试过将
步骤:1,
行全部删除
jquery文档上的分步定义是:
“步骤:在动画的每一步之后调用的函数。”这可能是额外跳转发生的地方。使用了这个问题的答案。这是我的更新代码
function updateInputs() {
$( "#minTix" ).val( $( "#minTixSlider" ).slider( "value" ));
$( "#minPrice" ).val( $( "#minPriceSlider" ).slider( "value" ));
}
$(function() {
$( "#minTixSlider, #minPriceSlider" ).slider({
value:0,
min:0,
max: 100,
slide: function(event, ui){
setTimeout(updateInputs, 10);},
change: function(event, ui){
setTimeout(updateInputs, 10);}
});
$( "#minTix" ).val( $( "#minTixSlider" ).slider( "value" ));
$( "#minPrice" ).val( $( "#minPriceSlider" ).slider( "value" ));
});
步骤-确定滑块在最小值和最大值之间的每个间隔或步骤的大小或数量。滑块的完整指定值范围(最大值-最小值)需要均匀地被步骤整除。代码示例使用指定的步骤选项初始化滑块$(“.selector”).slider({step:5});在init之后获取或设置步骤选项//getter var step=$(“.selector”).slider(“选项”,“步骤”)//setter$(“.selector”).slider(“选项”,“步骤”,5);对于其他小部件来说可能会有所不同。