无法拖动 jQuery UI 滑块答案

【问题标题】：Cannot Drag jQuery UI Slider无法拖动 jQuery UI 滑块
【发布时间】：2011-02-23 05:53:10
【问题描述】：

我在页面中添加了一个 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;
}

【问题讨论】：

我同意@Damien Pirsy — 我不确定你的问题是什么？您不是在这里描述解决方案而不是问题吗？
问题是滑块不滑动。图像出现了，但是当我拖动它时，什么也没有发生。没有 javascript 错误。

标签： jquery css jquery-ui slider

【解决方案1】：

如果您必须自己编辑 CSS，那么这个问题很可能出在 jQuery UI 上，而不是 CSS。我自己从来没有遇到过滑块问题，所以请检查以下内容：

您是否获得了滑块的所有正确依赖项？（即核心、小部件和鼠标）
您是否正确初始化了滑块？仅仅因为没有 javascript 错误并不意味着没有 jQuery UI 错误。
您是否尝试过最简单的实现并从那里开始工作？

我会在此处复制 jQuery UI 示例中的源代码：http://jqueryui.com/demos/slider/ 如果这仍然不起作用，请向我们展示您的整个源代码（即包含滑块 div 的 javascript 和 html），我们可以更好地帮助您。

【讨论】：

【解决方案2】：

这是旧的，并且已回答，但如果您遇到此问题，“您可能只是做错了”的公认答案可能没有帮助。

为我解决此问题的是添加图像精灵文件 - 我在 [css dir]/images/ui-bg_glass_75_e6e6e6_1x400.png 和 [css dir]/images/ui-bg_flat_75_ffffff_40x100 的控制台中遇到 404 错误。 png 但在我解决我认为是样式问题之前试图让滑块实际滑动。

显然，这在某种意义上已被接受的答案所涵盖-但也许它可以为某人节省几个小时的挫败感。

【讨论】：

这正是“你可能只是做错了”的意思。
不，这是做错事的具体例子，其他人可以以此为起点来了解他们做错了什么。这就是这个网站的全部意义，对吧？否则，这个网站可能对所有可能的问题只有 1 个答案——“你做错了”。但感谢您的宝贵意见。
伙伴，如果您使用 '$(window).load()' 就没有问题。因为你没有，你得到了你提到的问题。
甚至没有意义。祝你朋友好运。
@stlawrence - 我的回答提供了有关如何调试此问题的建议/步骤，而不管具体情况如何。它比提供非常具体的修复（控制台应该立即明确）更有帮助。我不确定您如何将我的回答解读为“您可能只是做错了”，但如果其他有此问题的人遵循我的 3 点，他们可能会注意到他们的问题所在。如果您在检查控制台之前到 SO 寻求帮助，那么您太缺乏经验而无法使用滑块。