Jslider 在更改时执行代码

Question

我正在使用 Jslider this（右下角）的主题。

我希望 jslider.change 隐藏所有数据价格超出范围的 div。

为此我构造了这个函数：

function filterSystem(minPrice, maxPrice) {
$("#carlist div.row-item").hide().filter(function() {
var price = parseInt($(this).data("price"), 10);
return price >= minPrice && price <= maxPrice;
}).show();
}

使用正常的 Jquery 范围滑块，我可以通过 slide: function(event, ui) 命令触发它。我如何通过 jslider 触发它？

我会使用 Jquery 范围滑块

            slide: function(event, ui) {
                $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
                 var mi = ui.values[ 0 ];
                var mx = ui.values[ 1 ];
                filterSystem(mi, mx);
           }

谢谢！

Answer 1

试试这个：

$(".selector").slider({
    onstatechange: function( value ){
        console.dir( value );
    }
});

Jslider 在更改时执行代码

Jslider execute code on change

jquery

jslider