jquery - Rangeinput(Jquery Flow工具)1个范围内的2个句柄，可能吗？

按照此插件http://flowplayer.org/tools/demos/rangeinput/index.html

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

最佳答案

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

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语义，并且得到了两个句柄。