问题标签 [jquery-ui-slider]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
8706 浏览

jquery - 带有控制按钮的 jQuery UI 滑块?

我正在尝试在 jQuery UI 滑块上添加控制按钮,但无法使其正常工作。

谁能看到我在这里做错了什么:

滑块工作正常并且值得到更新,但是当您单击#down 链接时,滚动条没有任何反应。单击#down 链接时,我希望它向上移动一步。

谢谢皮特

0 投票
1 回答
14820 浏览

css - 更改 jQuery 滑块的宽度和高度

我想更改 jquery 滑块 UI 的宽度和高度。我正在使用ui-lightness主题。我试图通过在我的样式表中添加以下代码来覆盖默认的 jquery.css。

但是上面的css没有效果。jquery.css 覆盖了上面的样式,我看到滑块没有变化。如何覆盖默认的 jquery.css 样式?

0 投票
5 回答
851 浏览

javascript - 如何在两个 javascript 对象文字之间进行通信?

我想知道如何从另一个对象文字中的对象调用方法。这是我的代码。我正在构建一个 jQuery UI 滑块。我正在尝试在动画对象文字中调用animatebox函数,而我的 chrome 控制台中的错误是:

我的代码如下所示:

那么如何调用这个名为 animateBox 的方法呢?

0 投票
3 回答
412 浏览

javascript - jQuery滑块:显示10的倍数的值?

我正在使用jQuery ui 滑块,设置如下:

它工作得很好,但范围默认设置为每个自然数 - 所以当滑动时我得到诸如 61-403 之类的值。

任何人都知道如何设置它以使值以 10 的倍数增加,比如说?那么像 60-400 这样的值呢?这对于价格滑块来说会更好。

谢谢。

0 投票
1 回答
11154 浏览

javascript - jQuery范围滑块:将滑块1的最大值设置为滑块2的最小值

我有一个带有 4 个发送范围的 jQuery 滑块的页面。我希望滑块以下列方式相互更新:为滑块#1 的最大值选择的值自动成为滑块#2 的最小值,滑块#2 的最大值自动成为滑块#3 的最小值,依此类推。这是我到目前为止所拥有的:

http://jsfiddle.net/8xVWY/1/

我还想将滑块 1 的最小值锁定为 0。

我想另一个问题是这是否是最好的方法?

0 投票
1 回答
2284 浏览

jquery - 通过加号和减号增加和减少 UI 滑块值

我正在尝试通过单击位于 ui 滑块旁边的 + 和 - 符号来更改滑块的值,如下所示:

http://jsfiddle.net/Behseini/NCNA7/50

我试图添加这样的功能

但它没有用!你能告诉我如何解决这个问题吗?提前感谢您的时间

0 投票
1 回答
409 浏览

javascript - jQuery UI Slider 由于某种原因未显示

我使用 jQuery UI 1.8.16 包括。文本输入字段上的“平滑度”主题。在 FF FireBug 中,我可以看到滑块的所有必要依赖项出现:

  • jQuery 1.7.1
  • 用户界面核心
  • 用户界面小部件
  • 用户界面鼠标

主题也被加载并检查所有来源。检查表单域时,似乎附加了滑块。但由于某种原因,滑块没有显示为“滑块”。


包含 FireBug 的屏幕截图

在此处输入图像描述

0 投票
1 回答
2770 浏览

jquery - jQuery UI Slider - 最大值(不是滑块的结尾)

我有一个阶梯式滑块,带有非线性阶梯 -

代码:

这是我的滑块图形:

滑块

我将最小值设置为图形中的 5,但我试图将最大值(值和位置)设置为图形中的 150。无论我尝试了什么,滑块都会到达滑块的末端,我总是希望它在 150 处停止。

有任何想法吗?

0 投票
1 回答
2091 浏览

jquery - jquery ui 滑块 - 忽略/不步进增量

可能重复:
jQuery UI Slider - 最大值(不是滑块的结尾)

我正在为我的 ui 滑块使用非线性增量:

我想忽略 165 处的值,而不是步进到那个增量 - 所以滑块只能在 150 处达到最大值,尽管 150 不是滑块的最大值。

一张图可以更好地解释:

滑块

我希望滑块手柄的位置停止在 150 值,而不是步进到 165 值。(我知道我可以设置滑块的最大值,但这是错误的行为,因为滑块手柄然后延伸超过 150 刻度线)

0 投票
1 回答
2159 浏览

jquery - jquery ui滑块-如何反转范围选择

我有一个有点奇怪的请求,允许用户选择滑块上的范围,但允许他们反转滑块上的范围选择。例如,如果他们在滑块上有此选择:

<----[]==========[]---->

他们可以单击一个按钮并反转该选择。我们希望像这样直观地显示它:

<====[]----------[]====>

然后滑块将继续按预期工作,但突出显示反转。我知道您可以通过使用一个手柄在范围上设置固定的最大值或最小值来使用此滑块执行类似的操作,但不确定在使用两个手柄时是否可能。有谁知道这是否适用于 jQuery UI 滑块?