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

jquery - 获取 Foundation 5 中动态创建的数据范围滑块的值

我正在使用Foundation 5编写网页。此页面包含几个数据范围滑块。但我根据从 JSON 消息中获取的信息动态生成这些滑块。所以,我不知道我会有多少个滑块

这就是我的滑块 html 的样子,在一个循环中(使用Handlebars进行模板)

如您所见,每个滑块都有不同的 id 和不同的起始值

现在,我想处理移动滑块的事件。因此,我创建了一种响应任何滑块上的“更改”事件的方法

我的问题是:如何访问引发事件的滑块的值?

推荐的方法是

我不知道slider_id,因为它是动态的

我找不到使用动态生成的滑块的示例。有什么线索吗?

0 投票
0 回答
484 浏览

jquery - Jquery UI范围滑块 - 更改值后提交表单

我正在尝试创建将在 jquery ui 范围滑块中更改值后提交的表单。我正在使用我的代码:http: //jsfiddle.net/haT5p/,正如您在 jquery 末尾看到的提交表单的代码:$('#range_form').submit()。

但问题是控制台给了我这个警告:

并且自动提交不起作用。

你能帮我解决这个问题吗?

谢谢

0 投票
2 回答
1059 浏览

css - Rangeslider 突出显示背景在 JQuery Mobile 中效果不佳

我正在使用带有JQuery Mobile 1.4.2的范围滑块,我想更改突出显示背景,但我无法使其正常工作。

我通过Theme Roller创建了我的主题,我有两个:主题 A(左图)和主题 B(右图)。我希望我的 rangeslider 像主题 B。

rangeslider 主题(A-left,B-rigth)

我尝试在范围滑块中写入数据轨道主题,但突出显示背景消失了:

看起来像这样:

没有高亮背景

我也尝试使用CSS更改高亮背景:

一切似乎都很好,但是当我移动左侧控件时,突出显示背景消失,而当我移动右侧控件时,突出显示背景再次出现。

正确的范围滑块突出显示背景

知道如何解决吗?谢谢!

0 投票
1 回答
1104 浏览

javascript - 使滑块值出现在 NoUISlider 中

我是 NoUISlider 的新手,我已经设法让滑块正常工作。但是,滑块值不可见或似乎有效。

我也是 jQuery 新手,所以我不确定为什么滑块值代码不起作用。

我正在编辑的网站就在这里:Experian Map

这是我的代码:

0 投票
1 回答
1732 浏览

javascript - noUiSlider:调整四舍五入的输入值

当我在#annual-sales 输入字段中输入非四舍五入的数字时,插件会根据“上”或“下”自动将其向上或向下舍入。有没有办法让我在字段中输入一个特定的数字,例如 1234567 并让它保留该值?然后滑动到上一个或下一个值会将其弹回原位。

0 投票
1 回答
850 浏览

javascript - 如何使用 JavaScript 根据复选框重置滑块值?

我有一个范围限制器,如果单击复选框,我正在尝试将其值重置为默认值。谁能告诉如何做到这一点?

这是我尝试过的:

HTML:

JavaScript:

小提琴

0 投票
1 回答
1491 浏览

angularjs - 使用范围滑块过滤 ui-grid[ng-grid 3.0/或更早版本]

我想用范围滑块过滤标准的 ui-grid [ng-Grid 3.0]。在教程部分中,我找到了从到间隔文本输入过滤器,但我无法将它绑定到来自范围滑块的 angularjs 值。有任何想法吗?

或者,我会(再次)将我的代码恢复为 ng-Grid < 3.0。任何想法如何在这里做到这一点(我已经到了可以根据 filteroptions.filtertext 一次过滤多个列的地步。

0 投票
2 回答
393 浏览

jquery-tabs - 基础 5:选项卡内的范围滑块未正确加载

我正在尝试在标签内容中添加一个范围滑块。当我将范围滑块放在第一个选项卡内容中时,一切正常,但是当我尝试在第二个选项卡内容中添加另一个范围滑块时,此范围滑块无法正常充电。

当范围滑块位于选项卡内容之外时,一切正常,但我需要它在里面。谁能帮我解决这个问题?

我的代码:

选项卡和范围滑块代码来自基础 zurb 文档 - 分别它们工作正常。

0 投票
0 回答
254 浏览

html - 将数据绑定到一个简单的范围滑块

我需要将输入字段绑定到滑块

因此,当我将文本类型指定为“数字”时,我可以输入更改滑块位置的输入,甚至可以获取范围,但是当我尝试移动滑块时,输入字段值不会显示。就像只有一种方式绑定一样。

但是,当我将类型指定为“文本”时,它会以两种方式绑定,在输入中输入值会移动滑块以及移动滑块会更改输入值,但我无法让它的范围为 0-100,因为它是文本类型输入。

有没有办法通过两种方式绑定并定义最小和最大范围来解决它。

0 投票
2 回答
262 浏览

html - 如何解决ios中的范围滑块缩放

我在我的网站中使用范围滑块。网站链接。单击标题上的选项,您将看到范围滑块。它的离子范围滑块 jquery 插件。它在桌面和安卓上运行良好。但是在 ios 中,当我单击范围滑块以更改我不想要的自动缩放时。我只需要它作为桌面。

以及 ios 中的另一个问题。搜索栏边框没有半径,但它在 ios 上显示半径。

你能帮我么。

提前致谢。