2

如果有可能将最大值和最小值更改为范围滑块以搜索（示例）“40 或更少”和“60 或更多”之间的值，我会感到很困惑。因此，如果标准最大值为 60，最小值为 40，则滑块将正常工作在 41 到 59 之间，但是当将右把手设置为 60 时，标签将显示“60 或更多”，左把手设置为 40 时，标签将显示将显示“40 或更少”。

示例：值 min:40 max:60。当左把手设置在滑块的中间 (50) 并将右把手设置为最大值时，它将搜索 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 ) + "");
};
4

3 回答 3

0

还没有真正解决这个问题，所以如果有人想尝试修改标签，我用滑块制作了一个标准的 jsfiddle。

http://jsfiddle.net/77SsQ/4/

谢谢。

$(function() {
    $( "#range" ).slider({
        range: true,
        min: 40,
        max: 60,
        values: [ 40, 60 ],
        slide: function( event, ui ) {
            $( "#amount" ).val( "" + ui.values[ 0 ] + " - " + ui.values[ 1 ] );
            }
        });
        $( "#amount" ).val( "" + $( "#range" ).slider( "values", 0 ) + " - " + $( "#range" ).slider( "values", 1 ) );
});
​
于 2012-12-22T09:34:43.573 回答
0

只需为更改事件提供一个处理程序即可绘制您的标签：

http://jsfiddle.net/2MBGh/

change: function (event, ui) {
    var label = $('#label');

    switch (ui.value) {
        // min
        case 0:
            label.text('Less than 0.');
            break;
        // max
        case 10:
            label.text('Greater than 10.');
            break;
        default:
            label.text(ui.value);
            break;
    }
}
于 2012-12-21T19:22:00.113 回答
0

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

$("#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]);

于 2012-12-21T18:50:07.120 回答