在範圍滑塊中禁用反方向

我在我的網站中使用範圍滑塊。例如，滑塊點/頭在特定點跳轉。默認情況下，它被設置爲第五，它可以跳到第四或第六等。我想要這樣一種方式，如果我選擇一個數字，那麼我不能改變它或不能選擇其他。這意味着我只想給一個機會選擇一個數字。這裏是我用來顯示滑塊的代碼。請幫助我或建議我使用此功能的插件。感謝在範圍滑塊中禁用反方向

var sliderAmountMap2 = [1,2,3,4,5,6,7,8,9,10]; 

$(function() { 
    $("#slider2").slider({ 
     value: 4, //array index of onload selected default value on slider, for example, 45000 in same array will be selected as default on load 
     min: 0, //the values will be from 0 to array length-1 
     max: sliderAmountMap2.length-1, //the max length, slider will snap until this point in equal width increments 



    }); 

});

下面是HTML代碼

<div class="the_slider2"> 
        <div id="slider2"></div> 



       </div> 
       <div class="slider2_bottom_txt"> 
        <table > 
         <tbody> 
          <tr> 

           <td >1</td> 
           <td>2</td> 
           <td >3</td> 
           <td >4</td> 
           <td >5</td> 
           <td >6</td> 
           <td >7</td> 
           <td >8</td> 
           <td >9</td> 
           <td >10</td> 
          </tr> 
         </tbody> 
        </table> 
       </div>

來源

2014-10-22 user3396867

所以，你想從UI – Roshan 2014-10-22 12:13:38

禁用滑塊是的，我想禁用滑塊頭或選擇該值後指針，以便它不能移動到任何其他值。 – user3396867 2014-10-22 12:21:31

如果希望用戶從一開始禁用滑塊添加

$("#slider2").slider({ disabled: true});

SEE DEMO HERE

否則，如果你希望用戶選擇它只有一次改變事件禁用滑塊

change: function (event, ui) { 
      $("#slider2").slider({ 
       disabled: true 
      });

SEE DEMO HERE

來源

2014-10-22 12:30:47 Roshan

謝謝。它工作但有一些問題。我可以選擇多個值，但在移動它後立即禁用。我們可以在3秒後爲它添加一段時間它會禁用嗎？感謝您的幫助 – user3396867 2014-10-22 12:39:05

正如您所說的，您希望用戶只更改一次。因此我認爲它的工作方式相同 – Roshan 2014-10-22 12:42:45

在範圍滑​​塊中禁用反方向

回答

相關問題

在範圍滑塊中禁用反方向