问题标签 [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.

0 投票
1 回答
157 浏览

javascript - 如何访问函数内部的变量?

我知道这听起来像是一个重复的问题,但我已经从 Stack Overflow 尝试了无数种东西,但它不起作用。我正在尝试做的事情涉及 noUiSlider 并且我试图基本上获取每个滑块的 3 个值,然后以任何我希望的方式使用这些值 - 例如,如果滑块的总值加起来,则打开或关闭下一个按钮到给定的值。

这是有问题的代码:

0 投票
1 回答
2307 浏览

nouislider - nouislider:添加点非数字最后一个值?

有没有办法显示非数字的最后点值。例如,显示 0、100、200、300、更多的点数比例

感谢这个伟大的剧本!

0 投票
1 回答
1235 浏览

nouislider - 如何设置步长值数组

例如。我们有衣服尺码 64,76,82,95 的范围,我们希望用户只能选择这些值。我们可以按数组设置吗?

0 投票
0 回答
644 浏览

jquery - 没有 Ui 滑块 - 使用 jquery.data() 方法初始化

我正在为我正在构建的表单使用 noUiSlider.js 插件。由于表单中有多个滑块,我想要更多的动态方式来创建它们。

由于调用$('.slider')返回一个 html 元素数组.slider,我想我可以使用$(this)标识符,但它似乎不起作用,如果我尝试类似的东西:$(.slider)[0].data("max");它不会起作用。

我正在考虑尝试遍历数组,但我真的开始认为也许我不明白该data()函数是如何工作的..

0 投票
0 回答
406 浏览

javascript - 在 noUiSlider 中调用 `val()` 时防止触发 `set` 事件

我设置了 noUiSlider,并使用该val()函数设置了句柄的值。之后,set事件被抛出。这是根据规范,但我不希望那样。但是,规范也这样说:

每当滑块更改为新值时,都会触发此事件。每次滑块停止变化时,此函数都会触发,甚至在调用 .val() 方法时也可以选择触发。因为这会产生无限循环的危险,所以任何 .val() 调用都必须显式请求此事件。您可以考虑这个“幻灯片结束”。

源代码

所以我想不触发该set方法是可能的,但我找不到如何做到这一点。有任何想法吗?

编辑:我只是深入研究了源代码并在valueSet函数中看到了这个:

所以我想,它不再是可选的。

0 投票
2 回答
2542 浏览

javascript - noUiSlider:如果我有一个有两个手柄的滑块,我怎么知道哪个手柄被移动了?

noUiSlider允许您根据以下代码段创建具有多个可拖动手柄的范围滑块:

在事件的事件处理程序中slide(在拖动每个滑块句柄时连续触发),我想知道当前正在移动哪个句柄。我在文档中看不到任何关于此的内容,并且evt在浏览器的开发工具中检查事件处理程序的参数会发现大量数据,但我看不到的任何数据都无法识别句柄。

我可以做一些乱七八糟的事情,比如将mousedown事件直接绑定到句柄元素并设置更高范围的变量的值,该变量可以从事件处理程序中访问以包含最后移动的句柄 ID/类......但我没有t 真的想要,特别是如果有更清洁的方法。任何人都可以帮忙吗?

0 投票
0 回答
506 浏览

javascript - 修改jquery NoUiSlider 动态锁定某个类的多个滑块

我正在尝试找到一种修改来将“活动”类的各种滑块(noUiSliders)锁定在一起,这些滑块将被动态添加或删除。

如何修改脚本以使其一次仅锁定具有“活动”类的滑块,基于(或不)脚本作者页面上提供的方法?

以下示例仅锁定前两个滑块,而与“活动”类无关:

http://jsfiddle.net/qtzwyqke/8/

0 投票
2 回答
116 浏览

javascript - 用户使用完滑块后执行函数

我想在用户使用完滑块后而不是在操作滑块时执行一些功能。

只有在句柄停止后,才启动该功能。我记得使用 setTimeout 和 clearTimer 执行此操作,但我不记得如何准确执行此操作。

请注意,我使用的是nouislider而不是 jquery。

0 投票
1 回答
1276 浏览

javascript - noUiSlider - 极限值

我有一个滑块,点数从 21 到 30,数字之间有 10 个标记(如尺子),步长为 0.5。有没有办法限制值,所以用户不能低于 21.5 但标记从 21 开始?我不会听 onchange,因为我想阻止在 21.5 下拖动。

测试链接:http : //codepen.io/anon/pen/dPGgzK

0 投票
1 回答
923 浏览

javascript - NoUiSlider On 事件多次触发

每次使用滑块更改值时,我都会显示通知,第一次更改会创建一个通知,但之后会创建多个通知而不是一个。有什么想法可以阻止这个吗?感谢您提供的任何帮助,我在下面包含了我的代码。

每次移动滑块时都会触发此事件。

它绑定到我的通知功能,它可以让我传递值并显示如下所示的消息。

}

但是,它不是创建一个通知,而是创建多个通知。