jQuery的滑动手柄不滑动

我想设置一个简单的滑块与自定义设计，但滑块的句柄不起作用。我想我错过了一些容易的事情，因为我很昏昏欲睡。如果你能看看示例代码，我很高兴;jQuery的滑动手柄不滑动

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title></title> 
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> 
     <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script> 

     <style type="text/css" rel="stylesheet"> 
      body { background-color: green; } 

      #slider { 
       float: left; 
       width: 19px; height: 338px; 
       background-image: url('images/bg_scroller.png'); 
       background-position: center center; 
       background-repeat: no-repeat; 
      } 

      #slider-handle { 
       position: absolute; cursor: pointer; 
       width: 19px; height: 31px; 
       background-image: url('images/scroller.png'); 
       background-position: center center; 
       background-repeat: no-repeat; 
      } 
     </style> 

     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $('#slider').slider({ 
        orientation: "vertical", 
        min: 0, 
        max: 100, 
        handle: '#slider-handle', 
        stop: function (event, ui) { 
         console.log("stop",ui) 
         //ul.animate({'left' : ui.value * -1}, 500); 
        }, 
        slide: function (event, ui) { 
         console.log("slide",ui) 
         //ul.css('left', ui.value * -1); 
        } 
       }); 
      }); 
     </script> 

    </head> 

    <body> 

     <div id="slider"> 
      <div id="slider-handle"></div> 
     </div> 

    </body> 
</html>

示例代码也放在这里; http://www.zpnd.com/sak/slider.php

来源

2011-09-07 Tim

当你困了时不要编码！ – ShankarSangoli

当然，为什么不呢？我只需要一份新工作或赢得彩票就可以入睡。 – Tim