问题标签 [nouislider]

我正在尝试使用 3 个 jQuery noUiSliders 进行贷款计算。

参数为：

借入金额
期限/还款月数
利率

在更改滑块时，我想显示以下值：

每月金额+利率（贷款金额/月数=结果+（结果*利率））

贷款总额+总利率。(贷款总额+(贷款总额*利率))

目前我只有滑块，但我还没有设法将它们连接在一起来计算和显示这些值。非常感谢您的帮助。

这是小提琴http://jsfiddle.net/w5wxw9se/4/

Javascript

HTML：

如何使用 javascript 以特定形式重置所有滑块？（jquery 也可以接受）http://refreshless.com/nouislider/

我在一个有几十个滑块的表单上使用 noUiSlider ( http://refreshless.com/nouislider/ )。我认为我可以设置一个类名数组和一个循环，而不是复制/粘贴每个代码。这样可行; 即，它设置了工作滑块。但是，表单还必须在更新时显示滑块的值，这是我无法解决的部分。我知道如何使用静态值但不在循环中...

简化示例：

JavaScript：

HTML：

问题行在上面突出显示......当使用静态值（例如，'slider2-value'）时它工作正常，但我似乎无法弄清楚当更新事件触发时如何定位适当的id...... slider_names[i] 显然不会在那里工作。我可能遗漏了一些明显的东西？谢谢！

我有两个 noUiSlider，两者都应该等于 100%。因此，如果滑块 1 从 30% 移动到 40%，滑块 2 应该自动从 70% 移动到 60%，反之亦然。

在 noUiSlider 文档中，有一个crossUpdate代码示例HERE用于链接两个滑块，以便它们相互依赖地移动。但是，该示例显示滑块沿相同方向移动。而且因为这段代码是我以前从未遇到过的，所以我尝试过移动数字，但我仍然无法让滑块反向移动。

这是我的小提琴：http: //jsfiddle.net/LukeMcLachlan/0ny6q375/2/

解决方案所在的 crossUpdate 函数如下

如果有人能帮我解决这个问题，我将不胜感激。谢谢。

我在同一页面上有多个滑块，我将它们初始化如下：

问题是我有一个模态窗口的ajax调用，它有其他一堆新的滑块......

总是当我调用模态时，滑块不会出现，我试图在 ajax 调用的回调事件中初始化它们，但后来我得到一个错误 Slider is already initialized.. 在寻找这个错误后我发现我需要销毁它们，但是我该如何处理这种情况呢？PS：我真的不喜欢在模态上复制和粘贴相同代码的想法......如果有人能有更好的解决方案，我将不胜感激。

感谢大家

我创建了一个滑块，更改orientation:'vertical' 并链接“跨度”，以便我可以在拖动/点击滑块时更新和设置值。它运作良好，但只要我将 Handle 与direction: 'rtl', span 输出放在底部undefined。

我在NoUiSlider网站上看到了同样的问题，虽然滑块是水平的，但问题仍然存在。

默认情况下，direction滑块的手柄设置为"ltr"或“从左到右”。当滑块的方向设置为verticalHandle 时，它​​们的行为方式相同，它们调整“ltr = top-to-bottom”或“rtl = bottom-to-top”。

JsFiddleDemo

我不知道为什么，但似乎外部资源链接不会呈现滑块，对不起，但我是菜鸟，也许我只是语法错误（虽然在本地工作）..

我无法让 noUISlider 工作这里我的代码片段：

我收到此错误：未捕获的类型错误：无法读取 null 的属性“nodeName”

我希望我的滑块上的工具提示只显示像“130”而不是“130.00”这样的整数。我只是不知道我可以从哪里开始。

这是我的代码：

我的 JS 代码：http: //jsfiddle.net/miiauwz/66a5ahm0/

我目前在让 jquery noUISlider 处理附加元素时遇到问题。我正在通过 ajax 将新元素附加到我的 DOM 中。这些元素没有启用 noUiSlider。我的代码如下。如果有人过去解决了这个问题，将不胜感激：

这是最初用于为每个项目创建滑块的代码：如您所见，我只是遍历带有滑块标记的 dom 元素，并使用带有一些参数的库本机函数

{

});

});

这是我添加元素的代码

现在的问题是这些附加元素没有可用的 noUISlider。我不能简单地再次运行 ('slider').noUISlider ，因为这将重置页面上可能已更改其值的所有元素。无论如何，仅在新元素上使用与第一次相同的设置再次运行滑块功能。

任何帮助将不胜感激。谢谢

当我将股票价值设置为 100 时，它会起作用。

此问题的实时副本在这里：http ://mypcdeals.com/product-list.php?c=motherboards#limit=20&p=0

产品搜索左下角的“SATA 3GB/S PORTS”滑块格式不正确，最小值为 0，最大值为 10。

这是应该设置它的代码：

如果您加载页面，您将看到警报框显示最大值，但我收到以下错误：

未捕获的错误：noUiSlider：“范围”包含无效值。

为什么？