jQueryUI Slider句柄不动

时间:2010-03-24 16:36:52

标签: javascript jquery jquery-ui slider

我正在尝试使用增量实现jQuery滑块。我已经从实际项目页面转到仅带滑块的项目测试页面,只是滑块。在所有情况下,我都无法获得移动的句柄。它似乎也有1px或类似的宽度。

我的代码如下,

<!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 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:-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文件未包含在内。

希望这有帮助, 安德鲁