问题标签 [jquery-ui-slider]

我有一个小要求.. 请有人帮我
，我有这段代码可以使用 JQuery UISlider 制作一个带有两个旋钮的滑块，但我希望两者都有自己的范围。
例如，如果总范围为 1-100，则第一个旋钮应仅在 1-50 之间滑动，第二个旋钮应在 51-100 之间滑动。

我可能在这里遗漏了一些完全明显的东西，但是当我打电话时，$("#zoom_slider").slider()我没有出现任何滑块。

如果您转到此 url，您可以通过单击主窗口中的任何图像来复制问题，这将加载更大的图像（当前是手表）。滑块应出现在右上方显示“缩放”的位置，但它没有...

我通过这个调用包含了来自谷歌的 jQuery UI：

我正在尝试在 jquery 中复制您在此处的图像中看到的内容，以制作现有应用程序的触控版本：

我正在使用 jquery-ui 滑块，我想继续使用它们，因为我有很多与它们相关的业务逻辑，实际上它们有这样的外观：

我需要 css 和 html 部分的帮助，我不知道如何在用户单击“加号”按钮时使“滑块”被填充的效果，以及我应该如何组织我的 HTML 以实现那种外观。

我的标记如下：

我已经被困在这个循环中一段时间​​了。基本上我有一个滑块，当滑块值发生变化时，它会执行一些操作。我要做的第一件事是检查，如果检查没有通过，我需要重置滑块的值。但是重置滑块的值会改变它！所以我被卡住了。这是我的代码：

滑块：

问题是$(this).slider("value", 0);触发了另一个更改事件！任何人都知道如何解决这个问题？

我需要使用更改功能，因为我通过单击按钮而不是滑动来更改滑块的值。

编辑 - evt.originalEvent 对我来说总是未定义的（如果我 cosole.log 它就像这个 console.log(evt.originalEvent)）但是出于某种奇怪的原因，如果我在 console.dir 中看到它。但不幸的是它并没有解决问题，我在这里添加了改变滑块值的代码部分（请原谅我之前忘了这样做）

如您所见，该值第一次以编程方式更改，因此对 evt.originalEvent 的检查无论如何都是无用的。

编辑 2 - 我找到了解决方法，但我希望有更好的方法：

我认为如果我只是删除绑定到“更改”事件的函数并重置值，它也可以工作，但我希望有更好的方法来做到这一点！

我正在使用 Jquery UI 滑块来允许用户增加/减少选择的范围，我需要知道（根据滑块的原始值）如果用户想要增加或减少。

这是我的函数，我不确定在更改之前将用于检索原始值的代码放在哪里。谁能帮我这个？

任何帮助/建议表示赞赏！

谢谢

我正在创建一个网页，允许用户使用 jQuery UI 滑块选择一个值。但是，我想在用户滚动时更新值，所以我将update_value函数附加到滑块滑动事件。

问题是当滑块手柄到达边缘时，我得到的值不正确。例如，当它应该为 0 时，我得到的值为 500，而当它应该为最大值时，我得到了 99000。(100000)。

我尝试使用更改事件进行测试，它为我提供了所需的确切值。但是，当我尝试使用幻灯片事件时，问题仍然存在。

有任何想法吗？

我在这里有一个 jQuery UI 滑块。

http://jsfiddle.net/DrR7s/7/

我将动画属性值设为“真实”。当我将鼠标指针放在栏上的某处并单击时，它会产生幻灯片的视觉效果。但是，如果我将滑块指针拖动到不同的点，我将无法获得在另一种情况下获得的动画幻灯片效果。它看起来像是从一个点跳到另一个点。有什么办法我也可以在这里有幻灯片效果吗？

下面是我的脚本：

我正在使用 Filament 组中的 jQuery UI 滑块，它将 SELECT 元素转换为滑块。它工作正常。现在我想使用 JavaScript 以编程方式将滑块处理程序移动到滑块刻度中的特定点。

例如：当我点击一个按钮时，它会调用一个 JavaScript 函数，我想在其中编写一段代码，它将滑块指针移动到刻度中的特定 tic/slider 点。

我在这里有我的示例应用程序：

http://jsfiddle.net/DrR7s/15/

我从这个例子中得到了滑块 http://nettuts.s3.amazonaws.com/377_slider/slider_sourcefiles/slider.html 但我需要幻灯片中显示的图像以及幻灯片中的进度。我该怎么做?

我在范围模式下使用 jQuery UI Slider。有没有办法（插件/扩展/破解）允许用户在滑块之外添加额外按钮的情况下移动范围（即更改下限和上限）？在某些 GUI 小部件中，这是通过从中心（在两个处理程序之间）拖动来完成的。

提前致谢。