0

jQuery UIスライダーを実装しようとしています。このスライダーの値は、ajaxを介してページのセクションを更新するために使用されます。

ajaxを機能させることはできますが、問題が発生しており、スライダーの範囲をユーザーが離れたままにしておくことができます。代わりに、スライダーハンドルを放すとすぐに、デフォルト値にpingが戻ります。

jQuery 1.7.1、jQueryUI1.8.16を使用する

コード:

$( "#example_slider" ).slider({
    range: true,
    step: 150,
    min: 0,
    max: 450,
    values: [ 0, 450 ],
    stop: function( event, ui ) {

        var value1 = ui.values[0];
        var value2 = ui.values[1];

        $.ajax({
            type: "POST",
            url: "ajax_file.php",
            data: "value1="+value1+"&value2="+value2,
            cache: false,
            success: function(html){
                $("#content_update").html(html);
            }
        });
    }
});
4

1 に答える 1

1

残念ながら、Javascriptの初期化もajax_file.phpから呼び出されていたため、スライダーの値がリセットされていました。これを削除し、期待どおりに機能するようになりました。

于 2012-04-19T08:05:49.920 に答える