jQuery UI Slider - 显示最大值大于,追加“+”

时间:2013-09-13 17:17:00

标签: jquery jquery-ui-slider

您知道如何将“+”附加到jQuery UI Slider的最大值吗?

文本框中的结果应如下所示:“0 - 500 +”。

我创建了一个小提琴来展示我到目前为止所拥有的内容http://jsfiddle.net/xcxbF/1/

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

提前致谢。

1 个答案:

答案 0 :(得分:0)

只需在滑块的滑动功能底部添加几行......

<强> FIDDLE

var max = $("#interview-slider-range").slider('option', 'max');
if (ui.values[1] == max) $('#interview-slider').val($('#interview-slider').val() + '+');

还想在初始化时为'#interview-slider'输入添加一个'+'符号,如下所示:

$("#interview-slider").val($("#interview-slider-range").slider("values", 0) + " - " + $("#interview-slider-range").slider("values", 1) + '+');