如何重置引導jQuery範圍滑塊的開始位置？

我嘗試用這種方式但它沒有改變。

我的完整代碼。

<html> 
<head> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css"> 
    <link rel="stylesheet" type="text/css" href="bootstrap-slider.min.css"> 

    <script type="text/javascript" src="jquery.min.js"></script> 
    <script type="text/javascript" src="modernizr.js"></script> 
    <script type="text/javascript" src="bootstrap-slider.min.js"></script> 

    <style type='text/css'> 
     .well { 
      background-color: #E0E0E0; 
     } 
     .slider-example { 
      padding: 10px 0; 
      margin: 35px 0; 
     } 
    </style> 

</head> 
<body> 
    <div class="slider-example"> 
     <div class="well"> 
      <span id="ex18-label-1" class="hidden">Example slider label</span> 
      <input id="ex19" type="text" 
      data-provide="slider" 
      data-slider-ticks="[1, 2, 3]" 
      data-slider-ticks-labels='["short", "medium", "long"]' 
      data-slider-min="1" 
      data-slider-max="3" 
      data-slider-step="1" 
      data-slider-value="3" 
      data-slider-min="0" 
      data-slider-tooltip="hide" /> 

     </div> 
    <button id="start" class=''>Set</button> 
    </div> 


</body> 
<script type="text/javascript"> 
     $("#start").click(function(e) { 

      // what i have try is for reset 

      $("#ex19").slider({ min: 0, value: 0, focus: true }) 

}); 
    </script> 
</html>

我跟着這個鏈接（http://www.jqueryrain.com/?1RE1sMzh）e.g 19

，我想這樣的輸出，只要設定在啓動按鈕位置的用戶點擊（短）喜歡。

來源

2016-04-12 samir sheikh

試試這個： -

$("#start").click(function(e) { 
    var minval = $("#ex19").data('slider').min; //store slider min value 
    $("#ex19").slider('setValue', minval); //set value of slider 
    //other logic 
});

來源

2016-04-12 09:49:07

感謝的人它的工作。 –

如何重置引導jQuery範圍滑塊的開始位置？

回答

相關問題