jQuery UI的范围 - 添加加号(Jquery UI Range - Add Plus sym

2019-10-30 09:37发布

即时通讯目前建设项目规划者形式的客户端,我使用jQuery UI的一个范围滑块。

我在努力弄清楚如何让这个当范围值是最大,它增加了一个加号(+),以在输入字段中的值之后。

我现在的脚本是

function projectPlannerSlider() {

    $("#budgetSlider").slider({
        range: "min",
        min: 100,
        max: 25000,
        value: 7000,
        slide: function (event, ui) {
            $(".budget").val("\u00A3" + ui.value);
        }
    });
    $(".budget").val("\u00A3" + $("#budgetSlider").slider("value"));

};

我的HTML是

<h3>Budget</h3>
<div id="budgetSlider"></div>
<asp:TextBox ID="budget" CssClass="budget clearStyling" runat="server" />

任何帮助将是非常赞赏。 干杯乔丹

Answer 1:

尝试这个:

$("#budgetSlider").slider({
    range: "min",
    min: 100,
    max: 25000,
    value: 7000,
    slide: function (event, ui) {
        $(".budget").val((ui.value == '25000') ? (ui.value + '+') : ui.value);
    }
});

$(".budget").val($("#budgetSlider").slider("value"));

FIDDLE DEMO这里



文章来源: Jquery UI Range - Add Plus symbol