Question

根据此插件http://flowplayer.org/tools/demos/rangeinput/index.html

有人知道如何在范围内添加第二个句柄吗？我在官方网站上问过这个问题，但仍然没有答案:(

Answer 1

我所做的是制作两个范围，然后将它们一个移到另一个范围之上，加上一些代码以防止最小值超过最大值：

var myform_from = $("#myform").find(".slider:first");
var myform_to = $("#myform").find(".slider:last");

myform_from.css("top", 16);
myform_to.css("top", -16);

这适用于jQuery工具网站的第一个例子，你得到两个句柄。

事件处理程序可以让左手超越右边：

myform_from.change(function(){
    var val = myform_from.data("rangeinput").getValue();
    if(val >= myform_to.data("rangeinput").getValue()){
        myform_to.data("rangeinput").setValue(val);
    }
});

myform_to.change(function(){
    var val = myform_to.data("rangeinput").getValue();
    if(val <= myform_from.data("rangeinput").getValue()){
        myform_from.data("rangeinput").setValue(val);
    }
});

这样我就不会破坏HTML5语义，而是获得两个句柄。

Rangeinput（Jquery Flow Tools）2个手柄在1个范围内，可能吗？

1 个答案: