据我所知,如果单击滑块,jQuery UI范围滑块应该移动最近的拖动器/句柄。但在我的情况下,这似乎不会发生,只有左侧的拖动器正在移动。举个例子,你可以看到下面的代码:jQuery UI滑块不会移动最近的拖动器/句柄
$(function() {
$("#slider-range").slider({
range: true,
min: 0,
max: 4,
step: 1,
values: [ 0, 4 ],
slide: function(event, ui) {
$("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]);
}
});
$("#amount").val("$" + $("#slider-range").slider("values", 0) +
" - $" + $("#slider-range").slider("values", 1));
});
而且你可以看到,例如本的jsfiddle:http://jsfiddle.net/dZ7Yg/
如果试图通过简单地点击移动向右牵引/手柄第二点滑块,你将无法做到这一点。一旦正确的拖动器到达第三点,如果你在它之前单击1px,它将不会移动到第二个点,它将在任何情况下移动左边的拖动器。
有人能帮助我吗?这怎么解决?
感谢您的帮助!
你的滑块似乎在Chrome和Firefox中对我完美地工作? – kmb64 2012-02-17 21:56:15
它确实如此。什么不起作用的是,当你点击滑块将正确的拖动器/手柄带到第二点时 - 你将无法做到这一点。我的小提琴确实表明了这一点。试着简单地点击靠近右边的拖动器将它带到第二点,它会卡在第三点。 – cycero 2012-02-17 21:58:01