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

如果它在其他浏览器中运行正常，您可以使用计时器并相应地设置最小值和最大值。

  $( "#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();

}
 });

Answer 2

如果您对表单执行POST，则会重新加载页面本身。问题似乎是在您发布的代码块之前。看看最小和最大变量的生成。

与mozilla的jquery滑块问题

2 个答案: