[英]Foundation Range Slider Cannot Impose Limits
我目前有一个屏幕,上面可以有多个范围滑块。 每个滑块的总范围为0到滑块组合可以具有的最大范围。 例如start: 0; end: 20;
start: 0; end: 20;
在我的应用程序中,我想为用户可以通过滑块选择的值设置一些限制。 因此,尽管滑块的可视范围为每个单独的滑块提供了0-20的完整外观,但用户只能选择2-10,然后我稍后验证所有滑块的总和是否在可接受的范围内(最多20)。
目前我有一些类似的代码,似乎什么也没做
self.$qtyForm.on('change.fndtn.slider', '.range-slider', function (e) {
var $rng = $(this),
qty = parseInt($rng.data('slider'), 10);
if (qty > maxChoiceQty) {
$rng.foundation('slider', 'set_value', maxChoiceQty);
}
if (qty < minChoiceQty) {
$rng.foundation('slider', 'set_value', minChoiceQty);
}
});
我还注意到,只要触摸滑块旋钮,就会触发更改事件。 因此,在用户更改似乎不合适的范围时,实际上触发了50次。 任何限制或使用其他事件的方式
jQuery加载后在内部存储数据属性。 替换此行:
qty = parseInt($rng.data('slider'), 10)
有了这个:
qty = $($rng).attr('data-slider')
您应该获得当前的滑块值。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.