问题标签 [nouislider]

我没有在文档中找到任何一个小部件的配置选项，但是有没有办法实现noUiSlider或jQuery UI Slider以本地化方式提供此功能（本地化 = 在 DOM 的其他部分需要时允许默认功能） ：

• 用户必须单击并拖动手柄以设置值
• 用户无法单击该栏来设置值 -> 值未设置为用户单击的位置

这是出于业务需求，虽然我不介意学习如何在 vanilla JS 中从头开始重写滑块，但使用支持良好的小部件非常好。提前致谢。

下面是我对 noUiSlider 的使用，我喜欢它，因为它缺少 jQuery。但是，每当我使用从负数开始的范围时，滑块的设置功能似乎就被破坏了。我假设这是 noUiSlider 的实际问题，但很想检查我是否犯了错误。

代码笔：

http://codepen.io/anon/pen/avpvVz

依赖：

https://github.com/leongersen/noUiSlider

HTML：

JS：

在这里，我有处理滑块值更改的事件，当我拖动 slideR 时，我看到例如 150 次“更改”如何编写滑块以仅处理更改后的最后一个值？

我在 Angular 应用程序中使用 noUislider。滑块的值绑定到输入文本，反之亦然。因此，用户可以选择输入值并且滑块将相应调整，或​​者用户可以滑动滑块。

我面临的问题是滑块的范围是 0 - 24，并且根据要求，用户可以输入 > 24 的值（这是滑块上的最大值）。期望滑块将移动到最大值，但保留用户在输入文本中输入的值（即 26）

我什至不确定这是否可能。非常感谢这方面的任何帮助。

我在我的网站上使用了 NoUiSlider JS 插件，它允许用户使用滑块来选择预算，这很棒，但我希望他们选择的值包含在联系/报价表中。

我在表单中添加了一个隐藏字段，我假设该值需要从 NoUiSlider 部分替换。

这是我的代码，有什么想法吗？

亲切的问候利亚姆

我有多个由 document.querySelectorAll( '.js-slider' ); 定义的滑块 在 tooltips.format 上，我想在值上方插入一个标签，该标签是通过数据标签在当前幻灯片对象上定义的。

在初始化这工作正常。

但是在更新时，它会获取最后一个初始化的滑块标签，这很明显:) 但是我能以某种方式在 tooltips.format 或更新事件中获取当前滑块对象或 id，或者获取当前滑块的设置对象吗？

还没有能够弄清楚这一点。

可以在此处看到正在运行的 Fiddel：Fiddle

我正在尝试使用 noUISlider 加载多个滑块，但它不起作用。使用第一个滑块时，第二个和第三个的值会发生变化。如何重构一个滑块的代码，以便轻松添加具有不同选项的其他滑块？

这是一个小提琴，下面是我的代码。

我在不断获取 inputFormat 的值时遇到问题。发生的情况是我运行我的网页/应用程序并且 $scope.width 变量获取 inputFormat 的第一个值然后停止。inputFormat 的值发生变化后，它不会继续获取该值。所以我的问题是如何以更新 $scope.width 变量的方式调用 inputFormat 变量？我是 Angular 和 javascript 的新手，希望你们都能理解我的问题。谢谢您的帮助！

这是我调用 $scope.width 的 html 部分：

我正在尝试将淘汰赛和 noUiSlider 与自定义绑定融合在一起。我为 jQuery-UI 滑块和 Knockout 找到了类似的代码，并将其用作基础。

如果我使用下面的 sliderko 自定义绑定，则 noUisliders 不会更新 observables。我得到 NaN，输入字段中没有任何内容。

如果我直接使用下面的滑块自定义绑定和 noUiSlider 事件，那么一切正常。滑块自定义绑定表现不佳，可能是由于跟踪 noUiSlider 更新事件。但是，这是我弄清楚如何让滑块不断更新输入字段的唯一方法。

我想使用 Knockout 的 registerEventHandler，但我不确定如何让它工作。

我使用的是 NoUiSlider 8.1.0，虽然返回的值是正确的有两位的小数，但刻度中显示的值如下：

代替：

我怎样才能达到所需的规模？

这是我的代码：

谢谢！