javascript - UI Slider 值显示 "Or more"和 "Or less"

Question

如果有任何可能将最大值和最小值更改为范围 slider 以搜索(示例)“40 或更少”和“60 或更多”之间的值，我会感到很沮丧。因此，如果标准最大值为 60，最小值为 40，则 slider 将在 41 和 59 之间正常工作，但是当将右 Handlebars 设置为 60 时，标签将显示“60 或更多”，而将左 Handlebars 设置为 40 标签将显示“40 或更少”。

示例: 值最小值:40 最大值:60。当将左 handle 设置到 slider 中间 (50) 并将右 handle 设置到最大值时，它将搜索 50 和无限更高值之间的结果，并且标签将显示“50 - 60 或更多”。

function{
    $( "#range" ).slider({
        range: true,
        min: 40,
        max: 60,
        step: 1,
        values: [ 40, 60 ],
        slide: function( event, ui ) {
            $( "#label" ).val( "Value: " + ui.values[ 0 ] + " - " + ui.values[ 1 ] + "");
        }
    });
    $( "#label" ).val( "Value: " + $( "#range" ).slider( "values", 0 )+ " - " + $( "#range"     ).slider( "values", 1 ) + "");
};

Answer 1

做一个自定义事件，伙计!定义有什么问题

$("#range").bind('rightIsMax',function(e,leftVal,rightMaxVal){
   $( "#label" ).val( "Value: "+leftVal+" - " + rightMaxVal + " or more");
});

当 ui.values[ 1 ]===60 时 $("#range").trigger('rightIsMax',ui.values[0],ui.values[ 1]);