2010-03-24 54 views
-2

我想实现一个带有增量的jQuery滑块。我已经从实际的项目页面转到只有滑块的项目的测试页面,只是滑块。在所有情况下,我一直无法得到移动的手柄。它也似乎有1px或类似的宽度。jQueryUI滑动手柄不移动

我的代码如下,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
    <head> 
     <title>jQuery slider</title> 

     <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.custom.css" type="text/css" media="screen" charset="utf-8" /> 

     <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
     <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script> 

     <script type="text/javascript"> 
      $(function() { 
       $("#slider").slider(); 
      }); 
     </script> 

    </head> 
    <body> 
     <div id="slider"></div> 
    </body> 
</html> 

我敢肯定有什么过错非常简单的在这里,但我实在看不出这对我的生活。我下载的自定义部分,只需点击'选择所有组件'。

回答

-2

我想你确切的代码在一个.html文件...只有更换您与包括:

<link rel="stylesheet" type="text/css" media="screen" href="/css/ui-lightness/jquery-ui-1.7.2.bluetie.css" /> 
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="/js/jquery-ui-1.7.2.custom.min.js"></script> 

...它在整个屏幕...容易移动工作... ...滑块

我的文件不从我下了jQuery的修改网站....

如果你没有得到一个JavaScript错误,...我的猜测是你的.css文件没有被包括在内。

希望这有助于 安德鲁

+0

我从网站重新下载了一个全新的包装,它奇迹般地成功了!我想我的文件是b0rk3d,哦 – 2010-03-24 16:46:48

0

我不认为滑块将显示,如果没有内容,没有固定的高度......这干:

<div id="slider" style="width: 300px; height: 200px"> 
    // Put a huge lorem ipsum text here ;) 
</div>