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

jquery - 回调只调用一次?

我正在使用noUiSlider,它可以工作,但该on slide事件只被调用一次而不是多次。

我的代码:

我错过了什么?

0 投票
1 回答
742 浏览

javascript - 范围滑块 - 幻灯片期间的运行功能不起作用?

我在页面上使用noUISlider来允许人们选择一个值。noUISlider 的话,然而,当一个人滑动时,我希望它运行一个基本上检查数字的函数,如果数字低于某个值,它将在 div 中显示文本。

问题是该值记录在隐藏的输入中,但显示文本的功能永远不会起作用。

这是我的函数代码:

这是带有工作滑块的代码的jsFiddle

如何更新我的代码以使滑块滑动时文本显示在 div 中?

0 投票
1 回答
1061 浏览

javascript - nouislider 自定义步骤,单次拖动

我尝试向nouislider添加自定义步骤,但没有运气。

滑块从 500 移动到 10000 并错过 1000。

没用,一样的

0 投票
1 回答
742 浏览

javascript - Rails 上的“未定义不是函数”

我正在研究我的 Ruby on Rails 项目,我正在尝试使用 noUislider,我还使用 Big Picture html 模板。但是我一直遇到“未定义不是函数”

来自chrome的错误图片

这是我的 application.js 文件。我现在正在使用 colorPicker 示例作为测试。我很确定我以正确的顺序包含了 jQuery。

这是 index.html.erb 文件

我在这个问题上花了 10 多个小时,所以请有人救我.....我需要这个尽快工作。

请让我知道我是否需要提供其他任何东西来解决问题。

编辑: 我删除了整个项目,而不是使用脚手架,我只创建了一个控制器和一个名为 index 的视图并将模板代码放入其中。它有效。但是我仍然不知道为什么它以前不起作用。使用模板也很痛苦,因为您必须将其集成到 rails 中,并且某些路径是内部的硬代码,不可能使其完全发挥作用。

0 投票
1 回答
760 浏览

javascript - jquery noUiSlider 将外部javascript变量传递给函数

我在抵押计算器中使用 No.uislider 滑块。我需要使用一个变量来指定我的最大值和最小值,因为这些变化取决于一个人之前选择的选项。

这是我到目前为止所拥有的,但我的变量不起作用?

我的变量是: value_min value_max

0 投票
2 回答
472 浏览

javascript - 设置滑块值后与 jquery 执行简单的乘法

我需要一些建议(帮助)以最有效的方式实现包含范围滑块以设置值(在本例中为年里程)的表单,然后获取该值并将其乘以设置常数(0.05)并插入结果进入第二个表单字段,单位为英镑 (£),精确到小数点后 2 位,适当舍入。我正在使用一个名为 No UI Slider ( http://refreshless.com/nouislider/ ) 的滑块,并在此处设置了基本元素:

这是一个部分工作的 JS Fiddle: http: //jsfiddle.net/highlander/jMA98/1/ 您的任何见解或经验将不胜感激。

0 投票
1 回答
1456 浏览

javascript - 向nouislider jquery滑块添加刻度线

我在我的一个项目中使用 noUIslider ( http://refreshless.com/nouislider/ )。我想知道如何在滑块上的每个值下方放置刻度线。这是滑块的初始化方式:

如果你们中的任何人知道如何在此滑块上添加刻度线,我们将不胜感激。

0 投票
1 回答
1247 浏览

angularjs - 将属性值评估为数字而不是指令中的字符串

我对 AngularJS 很陌生,我不确定这是否能真正实现。我在自定义指令模板中使用这个角度指令,我想从隔离范围属性中设置它的一些属性。问题是它们中的一些似乎只接受数值,而 Angular 将它们评估为字符串。

例如,这按预期工作:

我希望能够从一个孤立的范围属性设置开始/结束/步骤属性,如下所示:

这解释如下:

我得到以下异常:

有没有办法将指令属性评估为数字而不是字符串?

0 投票
0 回答
348 浏览

javascript - 对具有 ajax 调用的项目使用分面搜索

首先感谢您迄今为止的所有帮助,让我根本不需要问任何问题!

我被困在我项目的这个特定部分;我有一个功能页面,它从相关的 SQL 表中调用产品,使用 ajax 调用来填写适当的数据,并用这些数据形成一个 nouislider(参见http://refreshless.com/nouislider/)。但是,当我尝试通过分面搜索(根据http://eikes.github.io/facetedsearch/)使这些项目可搜索时,我不再显示我的 nouislider(或 ajax 数据)。

这是分面之前的功能代码的缩短版本:

我尝试将全部(SQL 调用和 HTML div 元素)放入多面搜索代码的 var item_template 部分,如下所示,但这并没有显示滑块。例如,这只是放置在多面搜索代码中的滑块 javascript:

我会以错误的方式解决这个问题吗?是否与尝试同时使用 nouislider.js 和 facetedsearch.js 文件有关?非常感谢任何帮助!克里斯

0 投票
1 回答
593 浏览

nouislider - nouislider 和 LibLink 的问题

我正在使用 nouislider anad 它工作正常,除非我尝试将它链接到跨度。然后我得到一个错误:this.LinkConfirm is not a function。我这样做是这样的:

然后我有一个功能:

在html中我有:

提前致谢