问题标签 [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.
jquery-ui - 为 jQuery UI 滑块中的每个范围句柄设置最小值/最大值?
我正在使用 jQuery 滑块,用户可以在其中选择 00:00 到 1d+12:00 之间的时间范围。一共36小时。反正。
我想根据它们的设置将最小值和最大值应用于我的句柄。这些是我的要求:
- 左把手永远不能超过第二天的午夜(最多 24 小时)
- 左手柄从右手柄向左走的时间不能超过 -24 小时(最小值是右手柄值减去 24 小时)
- 右手柄不能超过左手柄 +24 小时(最大值是左手柄值加上 24 小时)
据我了解,最小值和最大值只能应用于单手柄滑块控件而不是范围滑块?
是否可以分别为两个手柄设置最小值和最大值?
我试过用这种方式初始化它,但没有运气:
jquery-ui - UI 滑块添加文本框值
希望有人可以帮助我,我是 Jquery 的新手,这是我唯一仍在苦苦挣扎的事情。我有一个带有 3 个文本框的滑块,当滑动滑块时,它会自动将值填充到所有三个文本框。我希望第四个文本框添加已经获得值的 3 个文本框中的所有值。
我正在使用以下方法获取值:
javascript - Jquery Slider UI 动态步长
我有一个具有以下属性的滑块:
- 水平方向
- 一个把手
- 一分钟 2
- 最多 65
我的目标是强制用户仅在 7 个点之间进行选择(例如:“2、3、4、26、39、52、65”),仅此而已。
如何创建动态步长或如何仅允许这些点成为滑块步长?
jquery - jQuery UI 滑块句柄不显示
这是我正在构建的小部件:http ://widgets.pegwise.com/720x90/
没有 javascript 或 css 错误,并且我为句柄拥有的背景图像是有效的。为什么它没有显示在右下角的滑块上?
jquery-ui - jQuery UI Slider:沿着(连同)句柄移动值
我在页面中使用了 jQuery UI 滑块组件来设置价格范围。我还可以使用他们的 ui.values[] 在其他 div 中设置和显示新值。
我怎样才能看到句柄下的新值。即,如果我将句柄移动到 100 美元,我想在该句柄正下方设置“100 美元”文本。
顺便说一句,我使用范围版本 - 设置价格范围,所以我的滑块上有两个手柄(最小值和最大值)。
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,如何改变“步长”大小<-在这家伙开始使用真值和值作为解决方案的一部分之后,我无法做出正面或反面。我尝试应用到我的代码,滑块工作正常(虽然对我的口味来说移动得太快了)但文本没有显示。
有任何想法吗?
jquery - 带有文本框输入的 ui 滑块
我们有一个我们使用的 ui 滑块,它可以完美地工作。
代码:
如您所见,我们允许用户选择 0 到 5,000,000 之间的任何值。
html是:
我想要做的是添加一个与滑块协调工作的文本输入元素,以便用户滑动 texy 框增加,减少任何内容..
或者,如果用户在输入元素中键入数字,则滑块会相应地移动。
请问有什么帮助吗?
预览是:
jquery - Jquery UI 滑块工具提示类
我在找到链接到 Jquery ui 滑块中工具提示的 css 类时遇到了一些麻烦……有人知道它叫什么,或者我可以通过其他方式调整工具提示宽度吗?
javascript - Jquery UI 滑块不起作用
我的 Jquery 滑块不工作。
这是我的标题代码:
在我的页面中,我有:
jquery - jQueryUI 范围滑块显示进度
我有一个range: true
滑块,想要显示进度,例如滑块两个手柄之间的进度条。有点像这样,http://jsfiddle.net/cG8qB/,除了这将发生在我的滑块的两个手柄之间,而不是像那个例子中的整个滑块,我只需要颜色更新而不是滑块手柄.
所以基本上,我想将两个滑块句柄之间的部分的颜色更改为类似于range: min
滑块的行为,其中“min”是我的滑块的左句柄,并且该滑块的句柄range: min
被隐藏。