如何使noUiSlider工作

我需要一個雙手柄滑塊，當我移動它時顯示手柄值。我正在使用nouislider。我有問題使其工作。我刪除了不需要的大部分代碼，並在稍後添加此舉並更改優秀內容。我如何初始化滑塊？以下是我的代碼：如何使noUiSlider工作

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

來源

2013-01-15 meiwalsh

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

來源

2014-01-17 21:54:43

如何使noUiSlider工作

回答

相關問題