问题标签 [rangeslider]

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 回答
453 浏览

jquery-ui - 如何以编程方式在 jquery 或 kendo rangeslider 滑块轨道上创建不同的颜色?

我有一个范围滑块来指定日期范围(滑块值映射到连续日期)。我想以编程方式为滑块轨道上的不同日期定义不同的颜色。

例如,滑块轨道的默认颜色可以是蓝色,对于 a 和 b 之间的日期,我希望滑块轨道显示为红色。两个选择点之间的滑块选择应该正常工作并覆盖滑块轨道上的任何内容。

0 投票
0 回答
947 浏览

jquery - Jquery UI Range Slider Lagging 对鼠标移动的响应

我正在使用 JQuery UI 范围滑块。我的滑块手柄似乎不能随着光标平滑移动,而是滞后。我将 class="styloot" 与我的身体标签一起使用。我发现从我的 html 结构中的 body 标记中删除这个类可以使滑块移动顺利(尽管破坏了我的布局)。所以我决定为插件样式表中的每个元素添加类'.styloot',比如 -->

现在我观察到的是灰色阴影部分,表示所选范围用鼠标平滑移动,但手柄仍然滞后。这是该页面的链接-> http://oracle.styloot.com/static/discover/discover.html 似乎我接近问题了。有人可以指出我正确的方向。

0 投票
1 回答
78 浏览

jquery - 回收范围滑块空间并使其更宽

我试图摆脱范围滑块上方的空间。我认为隐藏标签是我需要做的,但这只会使空间空白。我怎样才能摆脱这个空间?

我在另一篇文章中看到“margin:0”并尝试过,但没有奏效。

0 投票
0 回答
657 浏览

jquery - jQuery RangeSlider 小部件

我正在使用 jquery 的 rangeslider 小部件创建一个可触摸的价格范围滑块:http: //api.jquerymobile.com/rangeslider/#entry-examples

(注意:我找到了很多关于使用 jQuery 的滑块小部件而不是范围滑块小部件的文档)。

这是工作示例:http: //jsfiddle.net/E7xYc/1/

我花了几个小时阅读文档并寻找示例,但我似乎无法动态设置范围滑块的最小值、最大值和值。

所以.. 我过去动态设置值并尝试将 onChange 事件绑定到 rangeSlider 并在函数中传递值。我完成了这个,但它真的很hacky,我知道我已经把这个复杂化了。

感谢您的帮助,世界。啊。

0 投票
1 回答
3087 浏览

jquery - 将值从 2 jQuery 范围滑块传递到 PHP

我想在 mysql/php 中使用范围滑块进行查询以获取列表。但我不明白如何将变量从 jQuery 传递到 php 文件。我阅读了这个页面和其他页面,但仍然没有得到结果。这是我要传递的 jQuery 代码,我应该怎么做才能传递变量?

0 投票
0 回答
550 浏览

javascript - 使用范围滑块搜索

问题是我如何在 php 中使用 javascript 变量的值进行查询。

这是我的范围滑块代码

任何帮助,将不胜感激。

0 投票
1 回答
1373 浏览

data-binding - 将 kendo UI rangeSlider 与其他控件绑定

我正在尝试将范围滑块与两个文本输入控件绑定。理想情况下,我希望更改范围滑块、文本输入或 viewModel 属性,以直观且同步地更新所有这些控件。但这是我的观察。

  1. 通过拖动拇指更改范围滑块值,更新 viewModel 和输入文本控件值
  2. 在 UI 中编辑输入字段中的文本会更新 viewModel,但不会更新 rangeSlider。
  3. 更改控制台中的范围属性,例如。viewModel.range[0]=-10,不更新文本输入值或范围滑块。
  4. 以编程方式更改范围滑块值 (slider.value([-7. 10])) 不会更新 viewModel 或输入文本。

这是代码:

Javascript

HTML

0 投票
1 回答
148 浏览

kendo-ui - 自定义 kendo UI rangeSlider 手柄

我正在尝试为 rangeSlider 左右手柄使用图像。我注意到这两个句柄都是 k-draghandle 类的锚元素,我正在通过 dom 操作向它添加一个子图像元素。

有没有更简单的方法来定制这些手柄?

0 投票
1 回答
1702 浏览

rangeslider - 文本值的范围滑块

我需要一个范围滑块,就像下面的网站有选项剪切,清晰度和颜色有滑块

http://www.lumeradiamonds.com/diamonds/search?shapes=B,PR,O,M,P,C,E,AS,R,H&

在此处输入图像描述

如何为颜色或文本值添加范围滑块,比如最好的更好如果有人告诉我如何在我的网站中实现相同的滑块,这对我很有帮助

谢谢

0 投票
0 回答
254 浏览

javascript - jQuery范围滑块 - 除了slidestart和slidestop之外的任何事件

我可以阅读 slidestart 和 slidestop 事件。但是,我想要的是介于两者之间的事件。基本上,如果我向右拉或滑动滑块,那么我想知道当前值是什么(持续进行),以便我可以在另一个 DOM 对象中显示该值,该对象在 HH:MM:SS 中转换并显示第二个格式。

谢谢。