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

javascript - AngularJS Ion.RangeSlider 不会在更改特定按钮时动态更新最小值和最大值

我有一个内部使用 ionRangeSlider 的滑块指令。单击按钮时,混合值和最大值已更改,但指令中未更新。我在链接中添加了监视功能。

下面是滑块指令

相同的 HTML 代码如下:

上面的 min 和 max 滑块值会根据单击按钮而更改。但它没有反映在滑块中。请让我知道我在指令中哪里出错了。

0 投票
1 回答
1062 浏览

javascript - 如何使用 CSS3 和 Javascript 创建双范围滑块?

我正在尝试通过使用这样的两个范围元素来创建价格范围:

CSS 代码:

HTML 代码:

是否可以将主题设置为看起来像 jQuery 范围滑块?

0 投票
2 回答
4232 浏览

jquery - ionRangeSlider 未定义,无法更新

我想在引导模型关闭时将 ionRangeSlider 'from' 值重置为原始值。但是我无法重置它,因为它rangeSlider是未定义的。

代码:

我的页面上确实有多个 ionRangeSlider。

怎么了?

0 投票
1 回答
2773 浏览

java - RangeSlider 的 JavaFX ControlsFX CSS

我刚刚下载了 JavaFX ControlsFX 库,目前卡住了。我正在使用库中的一个自定义组件,称为 RangeSlider,但需要为 CSS 中的每个拇指操作样式。我到处寻找,但似乎找不到任何有用的东西。有没有办法做到这一点?我知道使用常规的 java Slider 组件,可以这样做:

但是当我对 RangeSlider 使用这样的东西时,没有任何效果。这是有道理的,因为有 2 个滑块,但我已经尝试了 100 种组合来确定子结构名称的含义,但无济于事。

任务:我正在尝试更改每个拇指图标,并且我也有兴趣更改在 2 个拇指之间绘制的颜色(当前为蓝色)。

希望这是非常明显的事情,谢谢!

0 投票
2 回答
1384 浏览

javascript - 步长变化

我正在使用 Andre Ruffert 的优秀 rangeslider.js

我有一个问题。我设置了滑块,所以当我像这样移动滑块时,我的数字以 6 为增量增加:6,12,18,24,30,36,42,48,54,60

但是,我希望滑块在达到 36 时以 12 为增量增加,从而跳过“42”和“54”,这样当我移动滑块时,它可以被拉到以下位置:6,12,18,24,30 ,36,48,60

有没有办法可以在 js 或 html 中做到这一点?

这是应该设置滑块值的代码,但由于某种原因这不起作用:

我无法让 JavaScript 函数覆盖滑块的 HTML 代码,如下所示:

0 投票
1 回答
2916 浏览

r - R Shiny 中的 sliderInput 出现问题 - 获取 NaN

我正在尝试制作一个介于 2005 年和 2040 年之间的滑块输入。看起来很简单,对吧?通常它工作正常,但每隔一段时间我会将滑块向左拉得太远,它会给我 NaN,这往往会导致崩溃。我试图设置我的其余代码,使其没有问题,但它仍然困扰着我。我已经在互联网上搜索了解释,但到目前为止还没有。这是我的 ui.R:

0 投票
2 回答
1180 浏览

angularjs - Angular rangeSlider 的更改事件

http://danielcrisp.github.io/angular-rangeslider/demo之后,我创建了一个滑块来更改价格值。

代替{{demo1.max}}我想显示的 5000000 5 Million。随着价值达到十亿,想表现出来1 Billion。我知道我必须为此编写自定义代码,但是如何捕捉 Angular rangeSlider 的更改事件?我可以从代码中更改过滤器、过滤器选项吗?谢谢。

0 投票
2 回答
103 浏览

javascript - JQuery Rangeslider步骤更改问题

我正在使用 JQuery 范围滑块。

我希望最小值为 6,最大值为 60,这是我在 html 代码中设置的...

步长应该增加 6 直到达到 36。当滑块达到 36 时,步长增加 12(应该这样做)......然后它应该会捕捉到 48,然后是 60,但它会增加到 42,然后54和66!

所以不要去 6,12,18,24,30,36,48,60

好像去了。。

6,12,18,24,30,36,42,54,66

有谁知道我可以做些什么来确保步长在被告知的地方增加并显示正确的数量?

检查这个 以类似方式工作的Codepen

谢谢​</p>

0 投票
2 回答
1847 浏览

rangeslider - 离子量程滑块将分钟转换为小时

我正在为一个项目使用 ionrangeslider,我想自定义标签和图例。正如您在我的 jsfiddle 上看到的,传说从 10 分钟开始到 360 分钟。有没有办法通过示例将 360 分钟转换为 6 小时以及标签。

也许使用美化功能?

谢谢你的帮助!

http://jsfiddle.net/spitfire378/reLmLpa2/

0 投票
0 回答
76 浏览

jquery - 我的 selectToUISlider 滑出范围,仅在单击时更新值,而不是在滑动时

如页面顶部所示:http: //bit.ly/1HPqZ5j

尽管我添加了 jquery.ui.touch-punch.min.js,但它也不适用于移动设备(不能滑动)