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

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 语义，并且可以获得两个句柄。