有沒有一個JavaScript（jQuery）的滑塊，限制獨立的顯示值的值？

Question

我希望有一個滑塊是從0到100，但是，這只是選擇0-75（例如）

一個例子看看會是這樣的，從進入的彩色區域

限制滑塊

顯然，我希望能夠設置的最大值，最小值，限制和滑塊的價值...

據我所看到的jQuery UI的滑塊不允許這一點的盒子。我期望有可能延長基本的行爲，但我需要一個非常清晰的手才能做到這一點！

Answer 1

您可以使用幻燈片插件的slide事件，該事件在幻燈片放映過程中在每次鼠標移動時觸發。使用ui.value獲取當前句柄的值並檢查最大限制並返回false。從此回調中返回false可防止滑動。

$(".selector").slider({ 
    slide: function(event, ui) { 
     if(ui.value > 75){//Note the value of ui.value is between 0 to 99 
      return false; 
     } 
    } 
}); 

對於滑塊的背景顏色，您可以通過css輕鬆實現。