问题标签 [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 回答
5068 浏览

jquery-ui - 为 jQuery UI 滑块中的每个范围句柄设置最小值/最大值?

我正在使用 jQuery 滑块,用户可以在其中选择 00:00 到 1d+12:00 之间的时间范围。一共36小时。反正。

我想根据它们的设置将最小值和最大值应用于我的句柄。这些是我的要求:

  1. 左把手永远不能超过第二天的午夜(最多 24 小时)
  2. 左手柄从右手柄向左走的时间不能超过 -24 小时(最小值是右手柄值减去 24 小时)
  3. 右手柄不能超过左手柄 +24 小时(最大值是左手柄值加上 24 小时)

据我了解,最小值和最大值只能应用于单手柄滑块控件而不是范围滑块?

是否可以分别为两个手柄设置最小值和最大值?

我试过用这种方式初始化它,但没有运气:

0 投票
2 回答
1019 浏览

jquery-ui - UI 滑块添加文本框值

希望有人可以帮助我,我是 Jquery 的新手,这是我唯一仍在苦苦挣扎的事情。我有一个带有 3 个文本框的滑块,当滑动滑块时,它会自动将值填充到所有三个文本框。我希望第四个文本框添加已经获得值的 3 个文本框中的所有值。

我正在使用以下方法获取值:

0 投票
2 回答
10235 浏览

javascript - Jquery Slider UI 动态步长

我有一个具有以下属性的滑块:

  • 水平方向
  • 一个把手
  • 一分钟 2
  • 最多 65

我的目标是强制用户仅在 7 个点之间进行选择(例如:“2、3、4、26、39、52、65”),仅此而已。

如何创建动态步长或如何仅允许这些点成为滑块步长?

0 投票
1 回答
1870 浏览

jquery - jQuery UI 滑块句柄不显示

这是我正在构建的小部件:http ://widgets.pegwise.com/720x90/

没有 javascript 或 css 错误,并且我为句柄拥有的背景图像是有效的。为什么它没有显示在右下角的滑块上?

0 投票
6 回答
34535 浏览

jquery-ui - jQuery UI Slider:沿着(连同)句柄移动值

我在页面中使用了 jQuery UI 滑块组件来设置价格范围。我还可以使用他们的 ui.values[] 在其他 div 中设置和显示新值。

我怎样才能看到句柄下的新值。即,如果我将句柄移动到 100 美元,我想在该句柄正下方设置“100 美元”文本。

顺便说一句,我使用范围版本 - 设置价格范围,所以我的滑块上有两个手柄(最小值和最大值)。

0 投票
1 回答
10415 浏览

jquery - 具有非线性/指数/对数步骤的 JQuery UI 滑块

我是 Javascript 和 JQuery 的新手,我正在尝试使用 JQuery UI Slider 来替换我的一个网站的价格范围下拉框(一个用于最低价格,另一个用于最高价格)。

这是我当前的代码:

价格范围从 0 到 2500,000。经过测试,我发现如果滑块非线性缩放,UX 会更好,因为我网站上的大多数用户会在 25,000 到 200,000 范围内搜索。

滑块的一小部分应显示 0 到 25000 范围,其中 70% 显示 25,000 到 200,000,而其余部分应显示 200,000 及以上。我不希望它捕捉到固定值,但步数必须为 1000。

我在这个网站上找到了两个解决方案:
1)对数滑块<-该解决方案不是基于使用 JQuery UI 滑块,所以我真的不知道如何应用到我的代码中。
2)JQuery Slider,如何改变“步长”大小<-在这家伙开始使用真值和值作为解决方案的一部分之后,我无法做出正面或反面。我尝试应用到我的代码,滑块工作正常(虽然对我的口味来说移动得太快了)但文本没有显示。

有任何想法吗?

0 投票
1 回答
41917 浏览

jquery - 带有文本框输入的 ui 滑块

我们有一个我们使用的 ui 滑块,它可以完美地工作。

代码:

如您所见,我们允许用户选择 0 到 5,000,000 之间的任何值。

html是:

我想要做的是添加一个与滑块协调工作的文本输入元素,以便用户滑动 texy 框增加,减少任何内容..

或者,如果用户在输入元素中键入数字,则滑块会相应地移动。

请问有什么帮助吗?

预览是:

在此处输入图像描述

0 投票
1 回答
966 浏览

jquery - Jquery UI 滑块工具提示类

我在找到链接到 Jquery ui 滑块中工具提示的 css 类时遇到了一些麻烦……有人知道它叫什么,或者我可以通过其他方式调整工具提示宽度吗?

0 投票
1 回答
2404 浏览

javascript - Jquery UI 滑块不起作用

我的 Jquery 滑块不工作。

这是我的标题代码:

在我的页面中,我有:

0 投票
2 回答
1159 浏览

jquery - jQueryUI 范围滑块显示进度

我有一个range: true滑块,想要显示进度,例如滑块两个手柄之间的进度条。有点像这样,http://jsfiddle.net/cG8qB/,除了这将发生在我的滑块的两个手柄之间,而不是像那个例子中的整个滑块,我只需要颜色更新而不是滑块手柄.

所以基本上,我想将两个滑块句柄之间的部分的颜色更改为类似于range: min滑块的行为,其中“min”是我的滑块的左句柄,并且该滑块的句柄range: min被隐藏。