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