问题标签 [nouislider]

I want to put two dependent variable in one slider(not range just single value). For example i have test scores and GPA variables that shows in single slider with first initialization as:-

Test Scores (100%) |----------------------|-----------------------| GPA (100%)

The middle pip is where the drag button should be with 50% as initial value. When i move to the right the test scores variable must be increased and GPA should decrease. Similarly when moving left the test scores must decrease increasing GPA.

How do i achieve this? Thanks in advance.

如何在 Meteor中初始化No UI Slider的多个实例？我想在一个页面上有多个滑块。

我一直在尝试...

模板：

JS：

调用 this._id 不会做任何事情......不知何故，它需要遍历所有帖子 ID 直到匹配，比如做 Tasks.findOne(); 并与 DOM 中的内容进行比较。

如果有更好的方法来做到这一点......请告诉我！

编辑：

我更新了我的代码，遵循其他实例的结构，其中插件在同一页面上多次初始化，使用 $ this和 .each

模板：

JS：

在控制台中，这给了我错误，“错误：滑块已初始化。”

我是一个菜鸟，但我能够构建这个：https ://www.gloeckle.de/landing/0custom/nouislider/test.html

但是当我尝试将其集成到我的 Joomla 站点并单击滑块时，滑块的高度设置为 0px。自己试试吧。我给每个 id 和 class 一个前缀（“lp_”），但仍然没有运气。

任何人都知道这里的问题是什么？--> https://www.gloeckle.de/landing/skl/gewinnchance-bestimmen

提前感谢您的帮助！格提莫

我正在尝试使 noUiSlider 适应我的需求。我想要一个 24 小时（1 天）的滑块，但是当我以 24 小时格式存储值时，我想以上午/下午的比例显示它们。

所以这是一个 24 小时工作的函数：

然后我使用第二个函数在下面添加点数：

最后，我将这些值链接到页面上的元素以显示选择：

所以我的修改如下。我创建了一个数组：

然后我修改了第一个函数

现在，它在点数和屏幕上正确显示，我被困在试图将 24 小时刻度上的相应值转换为显示元素的数据标签。它应该如下所示：

JSFIDDLE

我对这些东西不知所措-我希望使 noUiSlider ( http://refreshless.com/nouislider/ ) 使用以下形式。我想在表单中有一个用于最小和最大价格值的滑块，其中滑块以 10,000 美元的增量向上移动。这可能吗？

我真的不知道应该使用什么类来更改noUiSlider中滑块的颜色？我希望滑块在栏上滑块的左侧具有蓝色，在右侧具有白色；在这个例子中它是如何演示的。我怎样才能做到这一点？

这是创建滑块的部分：

并在html：

我尝试了这里描述的所有可能的类，但我得到的最多的是所有的条都是蓝色或白色的，但左边不是蓝色，右边是白色。所以，我的问题是如何获得这种样式？

我喜欢 noUISlider，但我不知道如何为两个手柄滑块设置单个手柄的限制。

mouseDown我已经尝试过这种方法，它有效但有点搞砸了事件：

必须有一种更清洁的方法来做到这一点。有任何想法吗？

所以我花了最后几个小时试图让 NoUISlider 在基本页面上工作，但我似乎无法让它工作。我到处寻找示例代码，但似乎找不到一个有效的。这是我所拥有的：

我认为这足以让滑块工作？

这是我正在测试的另一个页面：

JSFiddle： http: //jsfiddle.net/wogw6y3f/ http://jsfiddle.net/94zuj1hg/

NoUISlider 是一个很棒的工作插件，但是我希望工具提示不要相互重叠。我有以下工作，除了重叠的工具提示。

http://jsfiddle.net/q5651786/2/

我在想这样的事情会很好：http: //ionden.com/a/plugins/ion.rangeSlider/demo.html

有人有线索吗？

我有这个设置：

我将它绑定到一个输入字段。当第一个值为 10.000 时效果很好。但是当第一个值低于 10.000 时，即使小数 = 0，逗号后面也会出现奇怪的小数，例如“13099.99997”。

当我在代码中设置上述方式时，如何确保真的只输出 100 个？

提前感谢您的帮助！格提莫