如何從價格範圍滑塊獲得最小和最大範圍？

我使用jQuery從範圍滑塊獲得的最小和最大價值，但它什麼都不顯示：如何從價格範圍滑塊獲得最小和最大範圍？

$j("#prise-range-input").ionRangeSlider({ 
     type: "double", 
     grid: true, 
     min: 500000, 
     max: 15000000, 
     from: 500000, 
     to: 15000000, 
     prefix: "$", 
     stop: function(event, ui) { 
      alert(ui.values[0]); 
      alert(ui.values[1]); 
      $j("#stopvalue").val("$" + ui.values[0] + " - $" + ui.values[1]); 
     } 
    });

它並不警報值誰能告訴我在這有什麼錯嗎？

來源

2016-01-19 user1990

你看過瀏覽器的控制檯嗎？也許有一個錯誤。 –

感謝您的回覆。是的，我已經檢查過，但我的控制檯沒有錯誤。 – user1990

如果您檢查插件，您會看到設置對象中沒有stop參數。範圍更改時要使用的參數是onFinish。這接受一個函數，該函數接受一個包含關於滑塊當前狀態信息的對象的參數。

考慮到這一點，你的代碼應該是這樣的：

$j("#prise-range-input").ionRangeSlider({ 
    type: "double", 
    grid: true, 
    min: 500000, 
    max: 15000000, 
    from: 500000, 
    to: 15000000, 
    prefix: "$", 
    onFinish: function(data) { 
     console.log(data); 
     $j("#stopvalue").val("$" + data.from + " - $" + data.to); 
    } 
});

Example fiddle

來源

2016-01-19 16:40:45

，如果你可以使用SVG繼續那麼D3是滑塊的最佳選擇。你可以參考下面的鏈接來獲得關於min max滑塊的更多信息。 D3 Min-Max Slider

來源

2016-06-29 12:05:11

如何從價格範圍滑塊獲得最小和最大範圍？

回答

相關問題