wie man noUiSlider Arbeit

Brauche ich eine 2-Griff-Schieberegler zeigt die handle-Wert, wenn ich es verschieben. Ich bin mit nouislider. Ich habe Probleme damit es funktioniert. Ich abgestreift unerwünschten meisten code und fügen Sie den Schritt und ändern Sie die guten Sachen später. Wie kann ich initialisieren die regler? Unten ist mein code:

<!DOCTYPE html>
<html>
  <head>
    <title>jQuery No UI Slider - Range slider</title>
    <link rel="stylesheet" href="nouislider.css" />
    <link rel="stylesheet" href="site.css" />
    <script src="jquery-1.8b1.js"></script>
    <script src="jquery.nouislider.js"></script>
  </head>
  <body>
    <div class="example">
      <div id="noUiSlider" class="noUiSlider"></div>
      <div id="valueInput">
        START <input type="text" id="start" value="0"/></label>
        END   <input type="text" id="end" value="60"/></label>
      </div>

      <script>
        window.onload =$(function(){                        
          $("#noUiSlider").empty().noUiSlider( 'init', {
            handles: 2,
            connect: true,
            scale:[10,30],
            start:[0,60]
          });
        </script>           
      </div>
   </body>    
 </html>

InformationsquelleAutor meiwalsh | 2013-01-15

  1. 1
    $(function() {                        
   $("#noUiSlider").noUiSlider({
       handles: 2,
       connect: true,
       scale:[10,30],
       start:[0,60]
   });
});

    InformationsquelleAutor Josh S.

Schreibe einen Kommentar