Jquery UI Range — добавить символ «плюс»

В настоящее время я создаю форму планировщика проекта для клиента, я использую Jquery UI для ползунка диапазона.

Я изо всех сил пытаюсь понять, как сделать так, чтобы, когда значение диапазона равно Max, оно добавляло Plus (+) после значения в поле ввода.

Мой текущий сценарий

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

Любая помощь будет очень высоко ценится. Ура Джордан


slider jquery range rangeslider
person ltjfansite    schedule 03.05.2013    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Попробуй это:

$("#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 ЗДЕСЬ

person palaѕн    schedule 03.05.2013
comment
@JordanSayner: Рад, что помог! - person palaѕн; 16.05.2013