问题标签 [nouislider]
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.
nouislider - 将百分比 (%) 符号添加到输入值,但不使用表单传递
我目前的 nouislider 工作正常。但是,我想在我的输入字段中添加一个后缀“%”符号,以向用户显示该值是一个百分比值,而我遇到的问题是与表单一起传递的值包含 % 符号。有谁知道一种解决方法,以便只有值与表单一起传递?
我尝试的另一种方法是 nouislider 文档中建议的 format:wNumb 方法,如下所示:
但是,这仍然将百分比符号附加到 url。有没有其他方法可以解决这个问题?谢谢
nouislider - noUiSlider:为有限区域设置背景颜色
我正在使用带有“软限制”(https://refreshless.com/nouislider/examples/#section-soft-limits)的 noUiSlider,我想为受限区域设置特定的背景颜色。例如,如果我无法将句柄拖动到前 20 个值的任何位置,则该栏的这一部分应该具有红色背景色。
这是因为我需要三种不同的背景颜色:
1 对于有限的区域
2 手柄左侧区域
3 手柄右侧区域
在这里看图片 希望你明白我的意思。谢谢!
angularjs - 使用价格滑块 noUiSlider 搜索 Angular JS
我从 AngularJS 开始,我有一个带有类型和价格的产品列表
我设法使用输入文本进行搜索,以过滤标题、价格和类型的结果。然后,我设置了一个 nouislider,我希望它只显示最低和最高价格之间的产品,同时保持使用我的输入进行搜索的能力。
有没有人可以帮助我。
谢谢 :)
(你可以找到我的代码并测试它)
angularjs - Angular JS Touch Slider 与 Ionic 框架一起使用时显示 NaN 错误
我正在尝试将 Angular JS 范围滑块与我的 ionic 应用程序一起使用,但它显示如下:
我已经安装了 npm angularjs-slider 但控制台中出现错误 - Uncaught ReferenceError: app is not defined。任何人都可以帮忙。下面的 app.js 代码后跟 index.html 代码。谢谢
我通过以下方式将其链接到我的页面模板:
javascript - 通过 onclick 事件使用 noUiSlider 创建范围时出错
我有一个简单的 javascipt:
和javascript函数:
当我捕捉到事件时。显示此错误"Error: Slider was already initialized."
如何解决?
javascript - 在 nouislider 的函数之外获取值
我无法在函数之外获取两个 noUiSlider 的值。
这是 jsbin 文件: http ://jsbin.com/havabemugi/edit?css,js,console,output
我可以在两个函数中执行两个值的 console.log,但是当我尝试在外部访问它们时会发生错误。
我需要将它们存储在两个不同的变量中,并可以全局访问它们。
jquery - NoUiSlider 工具提示
使用 noUislider 制作了一个 Slider。如何隐藏和显示工具提示?
这是我到目前为止所拥有的:
angularjs - NoUiSlider 角度 - 绑定到数字数组
我正在尝试使用 NoUiSlider (Yankovsky指令)对数字数组进行编辑
我已经设法创建了基本功能,但我正在努力绑定。
我有这样的数组:
但是该指令需要将选项设置为整个对象:
我想为数组的每个元素创建滑块并自动更新它的值,如下图所示。
问题是 NoUiSlider 指令没有独立的值绑定。
这是 Plunker 显示我当前的代码:http ://plnkr.co/edit/ljm96tdcGgvwo3Hnayfk?p=preview
我可以绑定我的数组中的项目,但将其余选项保留在该选项对象中吗?
javascript - 使用Javascript数字格式时提交初始值
我正在为文本字段使用数字格式 (wNumb)。它由范围滑块(noUislider)更新,效果很好。
我遇到的问题是,当我提交表单时,保存的值除以 1000(可能是由于千位分隔符)。
提交时如何摆脱 wNumb 格式?
然后是下面的脚本:
http://refreshless.com/wnumb/上的说明如下......如果这是我应该使用的,我不明白如何使用它。