2016-08-02 130 views
2

我在jQuery Slider用戶界面的最小值和最大值上遇到了問題。我將最小值設置爲5000,最大值設置爲1000000,步長爲25000步。然而,當我看到它的前端我得到以下幾點:Jquery滑塊用戶界面問題

enter image description here

這裏是我的代碼:

$("#slider-range").slider({ 
     range: true, 
     step:25000, 
     min: 5000, 
     max: 1000000, 
     values: [ 5000, 1000000 ], 
     slide: function(event, ui) { 
     $("#657401867-MinPrice").val((ui.values[ 0 ] + "").replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")); 
     //$("#MinPrice").text(ui.values[ 0 ]); 
     $("#657401867-MaxPrice").val((ui.values[ 1 ] + "").replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")); 
     //$("#MaxPrice").text(ui.values[ 1 ]); ($("#slider-range").slider("values", 0) + "").replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,") 
     } 
    }); 

所以,出於某種原因,在前端它具有最大值爲980,000而不是1,000,000。

+1

這是因爲你從'5,000'開始。你可以從'25,000'步驟到達'1,000,000'的最近距離是'980,000'。 –

+0

我無法重現此:https://jsfiddle.net/j08691/watckx6h/。事實上,當我移動它時,我得到第二個滑塊值變爲1,005,000的行爲。你使用的是什麼版本的jQuery和jQuery UI? – j08691

回答

3

這可能是因爲step的值爲25,000。如果您將min5,000增加25,000,則可能的最大值爲980,000,因爲您的max1,000,000。我建議將step的值更改爲5,000以解決此問題。

1

從5,000(您的min值)開始,以25,000(step值)爲單位,最低的步驟低於1,000,000(您的max)實際上是980,000。

爲了避免這種情況,你應該對這些選項做:

  • 更改step是5000
  • 設置min值爲0或25,000
  • 變化max價值1,005,000