如何從jquery-ui滑塊輸入中刪除美元符號？

Question

我正在嘗試使用jquery-ui滑塊（ http://jqueryui.com/demos/slider/#steps ），其中滑塊位置的值顯示在輸入框中，並在輸入框中更改值以重新定位滑塊指數。

js片段：

$("#slider, ").slider({
    range: "min",
    value: 1,
    step: 4,
    min: 1,
    max: 18,
    slide: function( event, ui ) {
        $( ".slider_input" ).val( "$" + ui.value );

        //$( ".slider_input" ).val(  ui.value );
    }


   });


$(".slider_input").change(function () {
    var value = this.value.substring(1);

    $("#slider").slider("value", parseInt(value));
});

的HTML：

<div id="slider"></div>

<input class="slider_input" />

但是我想從輸入中刪除美元符號。 如果我使用$( ".slider_input" ).val( ui.value ); 而不是$( ".slider_input" ).val( ui.value ); ，然后手動更改輸入框的值不會按預期移動滑塊索引的位置。

如何刪除美元符號並使滑塊相應工作？

Answer 1

您可以使用吐功能。

> "$42.00".split('$')
[ '', '42.00' ]


> "$42.00".substring(1)
'42.00'

Answer 2

使用replace從值中刪除$ 。

   $( ".slider_input" ).val( ui.value.replace("$","") );

Answer 3

這是一個有效的小提琴： http : //jsfiddle.net/ranjith19/wm8Dh/5/