0

jquery ui スライダー ハンドルを取得して、ページの読み込み時に値に自動的にスライドさせようとしています。

これがFiddleです。私がやろうとしていることを確認するためだけです。

ページの読み込み時に、slider1 を値 200 にスライドさせ、slider2 を値 14 にスライドさせます。

$("#slider1").slider({
    max:350,
    min:100,
    step:10,
    value:100,
    animate: 'true',
    slide: function(event, ui) {  
        $("#amount").val(ui.value);
        $(this).find('.ui-slider-handle').html('<div class="sliderControl-label v-labelCurrent">£'+ui.value+'</div>');

                update();
       setTimeout("$('#slider1').slider('value', 200);", 350);
    }    
});
$('#slider').slider('value', 200);

私はアニメイトを見てきましたが、どこにも行きません。

どうすればいいですか？

4

1 に答える 1

1

あなたのフィドルで、スライドと同じコードで変更イベントを追加しました

change :function(event, ui) {  
        $("#amount").val(ui.value);
        $(this).find('.ui-slider-handle').html('<div class="sliderControl-label v-labelCurrent">£'+ui.value+'</div>');
        update();
}

そして最後にこれ

$("#slider1").slider("value", 200);

そしてそれは動作します！http://jsfiddle.net/ktNTa/4/

于 2012-10-29T15:10:37.223 に答える