2016-04-12 10 views
1

Tıklatma düğmesinde kaydın başlangıç ​​konumunu ayarlamak istiyorum.Bootstrap'in jquery aralık kaydırıcısının başlangıç ​​konumu nasıl sıfırlanır?

enter image description here

i bu şekilde kullanmayı deneyin ancak üzerinde herhangi bir değişiklik yoktur. Tüm kodum için

.

<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> 

i bu bağlantıyı ( http://www.jqueryrain.com/?1RE1sMzh) örneğin 19

takip etti ve başlangıçta sabitlenen düğme konumda kullanıcı tıklayın (kısa) istediğiniz zaman ben böyle çıktı istiyoruz. enter image description here

cevap

1

bu deneyin: -

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

sayesinde işe yarıyor adam. –

İlgili konular