问题标签 [jquery-ui-slider]

我很难在同一页面上实现多个 jQuery UI 滑块。每次我移动任何滑块时，所有滑块中的内容项都会滑动，而不仅仅是位于我要滑动的项目下方的内容项。

例子：

这是我的 javscript：

我真的可以使用某人的帮助来弄清楚如何让其中一个项目滚动而不是同时滚动。

谢谢

是否有任何开源库提供 此 jQuery 插件的效果和功能？

我已经在我正在构建的网页上实现了jQuery 范围滑块，但似乎无法使其捕捉到特定的非均匀分布值。有谁知道 jQuery 滑块是否可以实现这一点，或者我是否可以使用另一种方法？

作为一个更具体的例子，假设我有一个从 0 到 100 的范围，并且我有一个像[0, 7, 32, 61, 67, 90, 100]. 我希望范围滑块只能选择数组中的值。

所以我使用 .append() 将列表元素添加到列表中。在附加元素中是一个 div，我需要将 jQuery Slider 小部件附加到。不确定我是否必须使用 .on() 或其他东西。FWIW，可以添加无限量的 li，这就是为什么我使用 div 类。

无论如何，这是一个简化的片段：

有许多使用 jQuery 滑块并运行最大累积总数的示例。但是，我未能成功起草适用于我的应用程序的版本。我需要能够使用 jQuery 滑块设置 6 个 openlayers 图层的单​​独不透明度，同时不超过 100 个滑块单元的累积总数。

更新

这是我目前实施它的方式。我一生都无法弄清楚如何进行代码重构，以减少代码重复......

原来的

我最熟悉的例子发布在这里和下面 http://jsfiddle.net/markieta/cWyQ3/

最初，我在每个唯一滑块的滑动事件期间使用 setOpacity 方法设置 OpenLayers 图层不透明度。但是，我无法弄清楚如何使用这种方法保持运行总计，以使我的滑块不会超过 100 个累积单位。

** x6 滑块 **

有什么见解吗？

在升级到 JQuery 1.7.1 之前，垂直和水平滑块都可以正常工作。现在我已经升级到 1.7.1，一切都停止了。以下是我的代码。

水平滑块手柄的代码

和垂直滑块手柄

无论如何，我希望有人能为我找到一个解决方案，让我的滑块与 JQuery 1.7.1 一起工作。谢谢。

仅供参考，滑块用于 4 个 DIV，即。Top、MidLeft、MidRight 和 Bottom，其中垂直滑块适用于 MidLeft 和 MidRight，而水平滑块适用于 MidRight、Top 和 Bottom，尽管我不认为这可能是问题的原因。

我想让我的滑块缩放手柄以提供滑块范围的视觉查询（例如大多数浏览器中的滚动条）。

做了一些谷歌搜索，答案似乎是修改 .ui-slider-handle 类。

我已经这样做了，手柄现在跑到最后了： 这是我用来设置滑块的代码：

这里还有一个实时示例的链接：http: //tcusers.com/examples/6473423467/example.html

就好像图书馆假设滑块的旧宽度一样，有没有人有任何建议来完成我想要的？我宁愿避免破解 jquery ui 核心库。

提前致谢

我有一个带有 jQ​​uery 滑块的页面，移动这些滑块会将值发送到服务器。同时，每秒查询一次服务器以获取当前状态（针对页面上的所有字段）。

所以我需要知道一个滑块（旋钮）是否被聚焦，或者以其他方式被玩弄，所以设置从服务器返回的值的 ajax 代码可以避免尝试设置聚焦滑块。否则它会在尝试移动滑块时反弹。

当前代码：

我想我需要的是这样的：

或者也许有更好的方法来做到这一点？

拜托，你能告诉我为什么当我移动左光标时这个 jQuery UI 滑块会变为“-1”，即使指定的最小值是“0”？

这是脚本：http: //jsfiddle.net/D2FK9/

对我来说似乎很奇怪，...提前谢谢！

我有一个 jQuery UI 滑块：

出于某种奇怪的原因，当释放滑块（mouseup）时，该值与原来的值略有不同。幻灯片事件返回的内容与更改事件不同。任何人都有任何想法可能导致这种情况以及我如何解决它？

我将在更改事件的回调中进行非常激烈的操作（这意味着我不能只使用 sldie），但还需要实时显示滑块的值，所以我不能只使用一个或其他。

这是一个关于这种奇怪行为的小提琴：http: //jsfiddle.net/5W6Zh/

提前致谢