问题标签 [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.
jquery - 获取 Foundation 5 中动态创建的数据范围滑块的值
我正在使用Foundation 5编写网页。此页面包含几个数据范围滑块。但我根据从 JSON 消息中获取的信息动态生成这些滑块。所以,我不知道我会有多少个滑块。
这就是我的滑块 html 的样子,在一个循环中(使用Handlebars进行模板)
如您所见,每个滑块都有不同的 id 和不同的起始值
现在,我想处理移动滑块的事件。因此,我创建了一种响应任何滑块上的“更改”事件的方法
我的问题是:如何访问引发事件的滑块的值?
推荐的方法是
但我不知道slider_id,因为它是动态的。
我找不到使用动态生成的滑块的示例。有什么线索吗?
jquery - Jquery UI范围滑块 - 更改值后提交表单
我正在尝试创建将在 jquery ui 范围滑块中更改值后提交的表单。我正在使用我的代码:http: //jsfiddle.net/haT5p/,正如您在 jquery 末尾看到的提交表单的代码:$('#range_form').submit()。
但问题是控制台给了我这个警告:
并且自动提交不起作用。
你能帮我解决这个问题吗?
谢谢
css - Rangeslider 突出显示背景在 JQuery Mobile 中效果不佳
我正在使用带有JQuery Mobile 1.4.2的范围滑块,我想更改突出显示背景,但我无法使其正常工作。
我通过Theme Roller创建了我的主题,我有两个:主题 A(左图)和主题 B(右图)。我希望我的 rangeslider 像主题 B。
我尝试在范围滑块中写入数据轨道主题,但突出显示背景消失了:
看起来像这样:
我也尝试使用CSS更改高亮背景:
一切似乎都很好,但是当我移动左侧控件时,突出显示背景消失,而当我移动右侧控件时,突出显示背景再次出现。
知道如何解决吗?谢谢!
javascript - 使滑块值出现在 NoUISlider 中
我是 NoUISlider 的新手,我已经设法让滑块正常工作。但是,滑块值不可见或似乎有效。
我也是 jQuery 新手,所以我不确定为什么滑块值代码不起作用。
我正在编辑的网站就在这里:Experian Map
这是我的代码:
javascript - noUiSlider:调整四舍五入的输入值
当我在#annual-sales 输入字段中输入非四舍五入的数字时,插件会根据“上”或“下”自动将其向上或向下舍入。有没有办法让我在字段中输入一个特定的数字,例如 1234567 并让它保留该值?然后滑动到上一个或下一个值会将其弹回原位。
angularjs - 使用范围滑块过滤 ui-grid[ng-grid 3.0/或更早版本]
我想用范围滑块过滤标准的 ui-grid [ng-Grid 3.0]。在教程部分中,我找到了从到间隔文本输入过滤器,但我无法将它绑定到来自范围滑块的 angularjs 值。有任何想法吗?
或者,我会(再次)将我的代码恢复为 ng-Grid < 3.0。任何想法如何在这里做到这一点(我已经到了可以根据 filteroptions.filtertext 一次过滤多个列的地步。
jquery-tabs - 基础 5:选项卡内的范围滑块未正确加载
我正在尝试在标签内容中添加一个范围滑块。当我将范围滑块放在第一个选项卡内容中时,一切正常,但是当我尝试在第二个选项卡内容中添加另一个范围滑块时,此范围滑块无法正常充电。
当范围滑块位于选项卡内容之外时,一切正常,但我需要它在里面。谁能帮我解决这个问题?
我的代码:
选项卡和范围滑块代码来自基础 zurb 文档 - 分别它们工作正常。
html - 将数据绑定到一个简单的范围滑块
我需要将输入字段绑定到滑块
因此,当我将文本类型指定为“数字”时,我可以输入更改滑块位置的输入,甚至可以获取范围,但是当我尝试移动滑块时,输入字段值不会显示。就像只有一种方式绑定一样。
但是,当我将类型指定为“文本”时,它会以两种方式绑定,在输入中输入值会移动滑块以及移动滑块会更改输入值,但我无法让它的范围为 0-100,因为它是文本类型输入。
有没有办法通过两种方式绑定并定义最小和最大范围来解决它。
html - 如何解决ios中的范围滑块缩放
我在我的网站中使用范围滑块。网站链接。单击标题上的选项,您将看到范围滑块。它的离子范围滑块 jquery 插件。它在桌面和安卓上运行良好。但是在 ios 中,当我单击范围滑块以更改我不想要的自动缩放时。我只需要它作为桌面。
以及 ios 中的另一个问题。搜索栏边框没有半径,但它在 ios 上显示半径。
你能帮我么。
提前致谢。