jqueryスライダのmozillaに関する問題

Question

最小から最大までの範囲を選択するための価格帯としてjqueryスライダを使用しています。

スライドすると、フォームが送信され、その範囲内でレコードが取得されます。

投稿後、両方のスライダが0に設定されているため、適切なレコードが取得されません。

しかし、Chromeでは問題なく動作します。以下は

はコードです：

$("#price-range").slider({ 
    range: true, 
    min: min, 
    max: max, 
    values: [ value1, value2 ], 
    slide: function(event, ui) { 

     $('#min').val(ui.values[ 0 ]); 
     $('#max').val(ui.values[ 1 ]); 

     $('#order').val($("#price").val()); 
     $('#filter-form').submit(); 

    } 
}); 

問題である可能性があり何？

Answer 1

フォームのPOSTを実行すると、ページ自体がリロードされます。問題はあなたが投稿したコードブロックの前にあるようです。 min変数とmax変数の生成を見てみましょう。

Answer 2

他のブラウザでは正常に動作している場合は、タイマーを使用して、それに応じて最小値と最大値を手動で作成できます。

$("#price-range").slider({ 
range: true, 
min: min, 
max: max, 
values: [ value1, value2 ], 
slide: function(event, ui) { 

    $('#min').val(ui.values[ 0 ]); 
    $('#max').val(ui.values[ 1 ]); 

    $('#order').val($("#price").val()); 
     // you may use the timer over here and submit the form only 
    //once not every time.. Last submution would be ok but dont forget to clear timer on previous slidings.. 
    $('#filter-form').submit(); 

} 
});