爲什麼jQuery滑塊上的兩個句柄都顯示最小值？

我有一個jQuery滑塊定義如下：爲什麼jQuery滑塊上的兩個句柄都顯示最小值？

$('#price-slider').slider({ 
     min: 7, 
     max: 16, 
     animate: true, 
     range: true, 
     step: 10, 
     values: [7, 16] 
    }); 
    $('#price-slider').slider().slider('pips');

當它呈現，僅存在一個手柄，並且最小/最大值都等於所定義的最小值爲7

來源

2017-04-16 Ayen

你滑塊不會移動，因爲您有最小值和最大值7,16和步是10？

所以，你需要改變的步驟，說要9或更改分鐘，最大值...

見工作代碼：

<html lang="en"> 
 
<head> 
 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
    <script> 
 
    $(function() { 
 
    
 
    $('#price-slider').slider({ 
 
     min: 7, 
 
     max: 16, 
 
     animate: true, 
 
     range: true, 
 
     step: 1, 
 
     values: [7,16] 
 
    }); 
 
    $('#price-slider').slider().slider('pips'); 
 
    
 
    }); 
 
    </script> 
 
</head> 
 
<body> 
 
    
 
<div id="price-slider"></div> 
 
    
 
</body> 
 
</html>

來源

2017-04-16 04:08:46 paulpeters

啊！考慮到原始值，我曾經期望有一個稍微不同的行爲，即滑塊不會移動，但它仍然會顯示兩個手柄和最小/最大值，而不是一個句柄，最小值用作最小值和最大值。謝謝！ – Ayen

爲什麼jQuery滑塊上的兩個句柄都顯示最小值？

回答

相關問題