问题标签 [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 回答
706 浏览

php - 将值从 noUIslider 发送到 php 文件

我尝试将值从我的滑块发送到带有查询帖子的 saveprofile.php 文件。

这是我的小提琴:http: //jsfiddle.net/uzq7yym3/

这里是jquery post的代码片段:

saveprofile.php 看起来像这样:

但我什么也没收到:/

0 投票
1 回答
1857 浏览

javascript - NoUiSlider 无法正常工作

我正在尝试设置 noUiSlider。

我的html是

我的 javascript

javascript 正是来自网站的代码(示例页面,最后一个示例)。

这就是我的滑块的样子: 在此处输入图像描述 javascript 和 css 文件都已正确实现。

任何想法为什么它不起作用?

更新:由于 jsfiddle 不起作用,这是一个 CodePen 示例:

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

0 投票
1 回答
797 浏览

meteor - 在流星中为多个 nouislider 设置值

如何在 Meteor 中设置 nouislider 的多个实例?

我已经在一个页面上初始化了多个滑块,如this中的代码。我想设置与集合同步的滑块的值,但现在我只能在“开始”选项中使用集合初始化值。

我一直在尝试在“幻灯片”事件中调用函数。但在函数中,我找不到选择所有滑块或使用 .val() 的方法。

0 投票
2 回答
3078 浏览

javascript - 如何重置 noUiSlider 值?

我有一个滑块:

我想重置它,但它不会重置!

我检查了其他问题并尝试了许多不同的变体。我究竟做错了什么?我正在尝试使用以下内容,但它给了我一个错误:

.set 不是函数。

以下不起作用

不应该这么难。

0 投票
1 回答
302 浏览

angularjs - 在视图模板中实现 noUiSlider - AngularJS

我是 AngularJS 的新手。

我想要一个角度视图上的范围滑块(noUiSlider)。

我找到了这两个库来实现这一点:

1) https://github.com/vasyabigi/angular-nouislider (Angular 插件)

2)https://github.com/Yankovsky/nouislider-angular(角度插件)

我选择了选项 (2) 并完全按照那里提到的每个步骤进行操作。但我收到了这个错误:

知道如何解决吗?或者任何人都可以提供在 AgularJS 中实现 noUiSlider 的详细步骤吗?

任何帮助,将不胜感激。

0 投票
1 回答
1011 浏览

javascript - nouiSlider 更新滑块范围后更改输入值

我需要更新 nouislider 范围,所以我用代码来做 -

但是像这样更新后,我的滑块输入不再实时更新,我们拖动滑块并没有任何反应。我如何像在更新之前(拖动滑块时)一样更新我的滑块范围并更改输入值。

0 投票
1 回答
365 浏览

meteor - NoUiSlider 从集合字段获取初始值并更新更改 - Meteor

编辑:这个问题不再有效,因为我停止使用 NoUiSlider 包。请参阅下面的答案,了解我为此做了什么。

我正在尝试为每个任务设置一个实时进度条,当我进入页面时,我希望滑块具有来自集合字段的起始值。

目前它甚至没有出现。一旦我将“start:progressNow”更改为“start:0”,它只在客户端工作,不会保存/更改数据库上的任何内容。

内部方法:

事件和渲染:

0 投票
1 回答
654 浏览

javascript - 从一个 noUISlider 输出两个值

我想从一个 noUIslider 范围输出两个值。使用 noUIslider 文档中的示例,我已经到了可以输出相同值两次的地步,但我希望其中一个输出显示已通过数学方程传递的值(例如 *2 或 /3)所以它显示了不同的输出。

我的 javaScript / jQuery 能力很弱,所以请耐心等待。

我已经建立了一个 JSFiddle 我到目前为止所拥有的: https ://jsfiddle.net/jherit/qhgd9to0/1/

0 投票
0 回答
841 浏览

javascript - TypeError:noUISLider 中的目标为空

我正在使用 noUISlider - http://refreshless.com/nouislider/nouislider.js通过 enqueue 脚本添加滑块时,我在 firebug中Wordpress收到以下错误 -javascript

在这里,我如何将脚本排入队列 -

nouislider.js发生错误的代码-

0 投票
0 回答
998 浏览

jquery - noUISlider 类型错误:a 为空

我正在尝试通过插件添加 - noUISliderWordpress。但是nouislider.min.js通过脚本添加文件时enqueue,出现以下错误 -

这是nouislider.min.js发生错误的地方 -