无法拖动jQuery UI滑块

我在页面中添加了一个jQuery UI滑块，但无法拖动手柄。我发现我必须在句柄中添加display:block才能让它显示出来。否则，即使我设置了高度/宽度，它也不会显示。以下是我的CSS：

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

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

---

如果您必须编辑CSS本身，那么这个问题可能是jQueryUI的问题，而不是CSS的问题。我自己从未遇到过滑块问题，因此请检查以下内容：

您是否拥有滑块的所有正确依赖项？（即核心、小部件和鼠标）

滑块的初始化是否正确？没有javascript错误并不意味着没有jQueryUI错误

您是否尝试过最简单的实现并从那里开始工作

我将从以下jQuery UI示例复制源代码：

---

如果这仍然不起作用，那么向我们展示您的全部源代码（即包含slider div的javascript和html），我们可以更好地帮助您解决问题。

这是一个古老的问题，已经得到了回答，但是如果您遇到了这个问题，“您可能只是做错了”这一公认的答案可能没有什么帮助

对我来说，解决这个问题的方法是在图像精灵文件中添加内容——我在[css dir]/images/ui-bg_glass_75_e6e6e6_1x400.png和[css dir]/images/ui-bg_flat_75_ffffff_40x100.png]的控制台中遇到了404个错误，但在解决我认为是样式问题之前，我试图让滑块实际滑动

---

显然，从某种意义上来说，这一点已被公认的答案所涵盖——但也许这会让人少受几个小时的挫折。

我不得不同意@Damien Pirsy的观点——我不确定你的问题是什么？你不是在描述一个解决方案而不是一个问题吗？问题是滑块不能滑动。图像显示出来，但当我拖动它时，什么也没有发生。没有javascript错误。这正是“你可能只是做错了”的意思。不，这是做错可能是什么的一个具体例子，其他人可以用它作为理解他们做错了什么的起点。这就是这个网站的重点，对吗？否则这个网站可能只有一个答案来回答所有可能的问题——“你做错了”。但是，如果您使用“$（window）.load（）”的话，谢谢您宝贵的comment.mate，您没有问题。因为你没有，所以你得到了你所指的问题，甚至没有意义。祝你朋友好运。@stlawrence-我的回答提供了如何调试此问题的建议/步骤，而不管具体情况如何。它比给出非常具体的修复（控制台应该立即明确）更有帮助。我不知道你是如何理解我的回答的“你可能只是做错了”，但如果有人关注我的3点，他们可能会注意到他们的问题所在。如果您在检查控制台之前找到帮助，那么您太缺乏经验，无法使用滑块。