Jquery UI范围 - 添加加号符号

Question

我目前正在为客户建立一个项目规划表单，我正在使用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" /> 

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

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