jQuery UI slider - 显示大于的最大值,附加 "+"

标签 jquery jquery-ui-slider

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

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

我创建了一个 fiddle 来展示到目前为止我所拥有的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));

提前致谢。

最佳答案

只需在 slider 的幻灯片功能底部添加几行...

<强> 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) + '+');

关于jQuery UI slider - 显示大于的最大值,附加 "+",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18791824/

相关文章:

jquery - 在初始化尝试调用方法 'value' 之前无法调用 slider 上的方法

javascript - 通过 AJAX 单击按钮更新表单值

jquery - 在 IE8 中鼠标悬停后图像一直显示

javascript - 更改事件处理函数中的变量值

jquery 淡入淡出 slider 不过渡

Jquery UI slider 带有两个 handle ,可从两个文本框输入?

c# - 当我在客户端创建选项时如何在服务器端获取下拉选定项值

javascript - 无法在 Jasmine 测试中获取 scrollTop 值

jquery-ui - 带有字符串值的 Jquery ui slider ?

javascript - 当页面居中时,带有输入字段的 jQuery-ui slider 句柄跟随不起作用