0

スライダーの位置の値が入力ボックスに表示される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 );、入力ボックスの値を手動で変更しても、スライダーのインデックス位置が期待どおりに移動しません。

ドル記号を削除して、それに応じてスライダーを機能させるにはどうすればよいですか？

4

3 に答える 3

1

唾を吐く機能を使うことができます。

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


> "$42.00".substring(1)
'42.00'
于 2012-09-17T04:01:56.080 に答える
0

replace値から削除するために使用し$ます。

   $( ".slider_input" ).val( ui.value.replace("$","") );
于 2012-09-17T04:02:59.187 に答える
0

これが実用的なフィドルです：http：//jsfiddle.net/ranjith19/wm8Dh/5/

于 2012-09-17T04:21:22.983 に答える