Rangeinput (Jquery Flow Tools) 2 ручки в 1 диапазоне, возможно?

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 и получаю две ручки.