Jquery UI Range - 添加加号 [英] Jquery UI Range - Add Plus symbol

问题描述

我目前正在为客户构建项目规划器表单，我正在使用 Jquery UI 作为范围滑块.

Im currently building a project planner form for a client, i Am using Jquery UI for a range slider.

我正在努力弄清楚如何做到这一点，以便当范围值为 Max 时，它会在输入字段中的值之后添加一个 Plus(+).

I am struggling to figure out how to make it so that when the range value is at Max, it adds a Plus(+) to after the value in the input field.

我当前的脚本是

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" />

任何帮助将不胜感激.干杯约旦

Any help would be very much appreciated. Cheers Jordan

推荐答案

试试这个:

$("#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 演示在这里

这篇关于Jquery UI Range - 添加加号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！