不能拖动jQuery UI滑块

我添加了一个jQuery UI滑块到我的页面，但我不能拖动句柄。我发现我必须添加display：block来显示句柄。否则，即使我设置了高度/宽度，它也不会显示。这是我的CSS：不能拖动jQuery UI滑块

.ui-slider-horizontal { 
background:  #eb7c21; 
height:   5px; 
} 

.ui-slider-handle { 
background:  url("slider.png") no-repeat; 
height:   24px; 
width:   27px; 
display:  block; 
}

来源

2011-02-23 Jarred

所以现在它显示？ – 2011-02-23 06:49:01

我必须同意@Damien Pirsy - 我不确定你的问题是什么？你不是在描述一个解决方案而不是一个问题吗？ – polarblau 2011-02-23 09:06:51

问题是滑块不能滑动。图像显示出来，但是当我拖动它时，没有任何反应。没有javascript错误。 – Jarred 2011-02-24 07:24:35

如果你不得不编辑CSS本身，那么这个问题的机会是jQuery UI，而不是CSS。我从来没有与滑块自己的问题，所以检查以下内容：

你有滑块的所有正确的依赖关系？（即核心，小工具和鼠标）
您是否已正确初始化滑块？只是因为没有javascript错误并不意味着没有jQuery UI错误。
你有没有尝试过最简单的实现，并从那里工作？ http://jqueryui.com/demos/slider/ 如果仍然不工作，然后告诉我们你的整个源（如JavaScript和HTML，其中包含滑块的div），我们可以：

我的源代码从jQuery UI的例子在这里复制有更好的机会帮助你。

来源

2011-05-02 22:12:18 eyaka1

这是旧的，并回答了，但如果你有这个问题，'你可能只是做错了'的接受答案可能不会有帮助。

什么修复了这个问题对我来说在文件 - 我曾在控制台得到404错误的[CSS DIR] /images/ui-bg_glass_75_e6e6e6_1x400.png和[CSS DIR] /图像/ UI-bg_flat_75_ffffff_40x100图像精灵被添加.png，但在我解决我认为是风格问题之前，试图让滑块实际滑动。

很明显，这在某种意义上被接受的答案所涵盖 - 但也许它会为某人节省几个小时的挫折。

来源

2014-06-16 18:46:56 stlawrence

这就是“你可能只是做错了”的意思。 – Dementic 2014-08-13 09:55:09

不，这是一个具体的实例，它可能是错误的，其他人可以用它作为理解错误的起点。这是这个网站的重点呢？否则，这个网站可能只对所有可能的问题有1个答案 - '你做错了'。但是，谢谢你的宝贵意见。 – stlawrence 2015-10-23 23:41:41

队友，如果你会使用'$（window）.load（）'你没有问题。既然你没有，你有你提到的问题。 – Dementic 2015-10-27 12:03:30

不能拖动jQuery UI滑块

回答

相关问题