JQuery UI Range - Добавить символ плюса

Question

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

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

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

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

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

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 HERE