代码之家 › 专栏 › 技术社区 › David Yell

jqueryui滑动手柄未移动

slider jquery-ui jquery javascript

-2

David Yell · 技术社区 · 16 年前

我正在尝试实现一个递增的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 回复 | 直到 16 年前

-2

Andrew 16 年前

我在.html文件中尝试了您的确切代码…只将您的include替换为:

<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文件没有被包括在内。

希望这有帮助, 安得烈

Nexum 16 年前

如果没有内容和固定高度,我认为滑块不会显示…干燥此:

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

推荐文章

mettamyron · 具有多用途的材质UI滑块单击时状态重复

2 年前

Rami Sedhom · 具有特定备用位置的Web设计滑块

2 年前

krishna amarghade · JS生成具有给定数量和幻灯片计数的数组子集

2 年前

jacq_fr · 尽管样式已应用于图像,但我的rotateY不起作用

2 年前

swiftah_ · 有人有React Netflix Slider功能组件版本吗?

2 年前

kevin evans · 如何使所有图像在wowslider中单向流动

2 年前

Mehmet Akif · 为什么我不能点击滑块?

2 年前

HRVSTR · 如何使用鼠标滚轮控件(Swiper.js)处理嵌套滚动容器

2 年前

Pruthviraj · 如何根据各自的id滚动图像

2 年前

Dr Mido man · 安卓无限自动图像滑块使用View Pager 2问题

2 年前