问题标签 [nouislider]

我有两个滑块，我想根据另一个滑块的移动来更新一个滑块的范围。

例如; slider_1 和 slider_2 的范围都是 1-10。当我将 slider_1 从位置 1 移动到 2 时，slider_2 的范围从 1-10 变为 1-20。如果我将 slider_1 从位置 2 移动到 3，slider_3 现在的范围是 1-30，依此类推。

我像这样初始化滑块：

到目前为止，我能想出的最好的实现方法是解构整个滑块，每次都用新的范围重新初始化它。但是我不确定如何正确解构滑块。

关于如何做到这一点的任何想法？

我正在使用 noUiSlider 链接滑块和输入，如本页示例所示：http ://refreshless.com/nouislider/linking-input-fields/

$("#slider").Link('lower').to($('#input'));

这很好用。但是，如果值为负（-1），有没有办法在传递给输入之前转换为绝对值（1）？我想是这样的：

那是行不通的。任何帮助，将不胜感激。谢谢！

$.noUiSlider ( http://refreshless.com/nouislider/ )

有没有办法反转垂直滑块的方向？意思是，最小值可以在底部，最大值在顶部吗？我通过将范围设置为 min: -15, max: 0 来实现它，但这会导致您必须转换负值。

有正确的方法吗？有一种方法可以反转水平滑块的方向，但我在垂直方向上找不到任何关于滑块的信息。

谢谢！

如何从链接输出中删除小数位

我正在使用此代码

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

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

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

这是我的代码：

问候，过流者！

我正在开发一个瑞士军队的构建系统（Gulp、Browserify、Bower、BrowserSync、RunSequence、Nodemon和jQuery），但试图将一个 jQuery 插件填充到构建中，而 DOM 让我难过。

如果您想自己快速重现该问题，我已经整理了一个沙盒存储库： gulp-browserify-bower-test。如果您是一个在脑海中构建应用程序的勇敢者，请继续。

我要解决的问题是：如何正确填充或要求 jQuery，以便在分布式构建中满足依赖关系而不会出现不必要的膨胀？

以下是相关文件及其相关内容：

bundle.js1.用于初始化滑块的预浏览客户端脚本：

2.index.html包含要初始化的滑块元素的页面：

3.bower.json引入了 jQuery 和 jQuery 插件

4.package.json将模块巫术化为browserify shims，设置它们的导出名称和它们的依赖项：

我也尝试过使用 jquery 的 bower 版本，用它代替 npm 版本package.json：

5.gulpfile.js其中包含 browserify gulp 任务：

路障

请注意，我可以require('maskedinput')在我的客户端 js 中使用，但是当我尝试使用时require('nouislider')，我看到一个控制台错误，似乎说 NoUISlider 没有找到它的 jQuery 依赖项："Uncaught TypeError: Cannot read property 'fn' of undefined"尝试初始化 NoUISlider 时。

再一次，这是为轻松重现问题而设置的沙箱： gulp-browserify-bower-test

是什么赋予了？我应该如何包含 jQuery 和这些插件？

有没有更好的方法来做到这一点，或者bower两者Browserify都不是？我发现托管在几个模块上npm，并且bower构建、模块类型和一般质量往往会有所不同，所以我认为同时容纳两个包管理器是明智的。

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

使用 noUiSLider 的 wNumb.js 插件，我试图将多个滑块上的输入格式化为美元。基本格式对象适用于第一个输入，但第二个输入和所有其他具有滑块的输入显示为空。此外，浏览器不会抛出任何 JavaScript 错误。

wNumb 文档链接：http ://refreshless.com/wnumb/ noUiSlider 文档链接： http ://refreshless.com/nouislider/

这是基本的 noUiSlider 代码：

尝试将libLink 功能与 NoUISlider一起使用时出现以下错误：

Uncaught TypeError: undefined is not a function (jquery.liblink.js:260

代码行：

在我的 HTML 中，我有以下代码：

我的Javascript：

我在页面中包含了 NoUISlider 和 liblink 库。

我看不到价值标签。我该如何解决这个问题？谢谢！

我有以下 Javascript 对象。

如何将其转换为键为字符串的对象。例如：

我需要这种格式的原因是因为NoUISlider将它用于自定义值。

手动插入值时，我创建了一个var range = {} 并分配了如下值：

NoUiSlider 不接受像第一个这样的对象，因此我需要将其转换为带有键作为字符串的对象。

我试过了range[String(percent + '%')], didn't work.

请参阅“步骤之间的捕捉”对象应如何出现在此处。

当我将值或范围变量更改为此：

有用。

谢谢。