问题标签 [ion-range-slider]

你能像 prettify 一样在前缀中使用函数吗？美化几乎是我想要的，但它改变了网格值以及滑块值。我想单独离开网格。

例如：滑块是 $0 - $700。
如果滑块在 220 美元上，我需要运行一些计算并在滑块点上方显示“1,250kWh / 220 美元”，而无需更改用户选择的只是美元金额的网格值。

当我在滑块范围中设置有限值时，我想实现，当我单击过滤器按钮时，它将仅从 API 显示所选范围之间的数据。

我只根据 API 实现了最小值和最大值。

主屏幕： - 在此屏幕中，我实现了一个过滤器按钮，当我单击该过滤器按钮时，它显示一个底部工作表，其中包含一个范围滑块和过滤按钮。

slider.js : - 这是范围滑块屏幕，我将最小值和最大值作为主屏幕的道具。

FilledButton.js:-- 这是过滤按钮。

我在这里找到了一个插件 ionRange 滑块是演示 http://ionden.com/a/plugins/ion.rangeslider/demo_interactions.html

希望添加转换 onUpdate 我已经通过 CSS 转换在滑块句柄和滑块栏中添加了转换

但它仅适用于 onChange 事件，而不适用于 onUpdate。

onUpdate 它突然改变值而没有影响

谁能帮助我如何在离子范围旋钮内制作这个黄点？

Wordpress 和 ACF 自定义字段类型。

我一直在尝试使用ACF 自定义字段类型插件来添加一个离子范围滑块，（包括在前端表单上）我收到一个 jQuery 错误，并且滑块只是显示为一个空的文本字段。

根据是从前端（在表单上）还是从后端（管理控制台）引用函数，它会引发不同的错误。这是基本代码：

后端工作（即范围滑块出现在管理控制台上。）但在前端（表单输入）它会抛出错误

我在任何意义上都不是 JQuery 编码器，所以这让我很难过。JQuery 大师有什么想法吗？

我正在尝试自定义离子范围旋钮（单旋钮或双旋钮）以显示当前范围值但无法成功。

按下旋钮时，我可以看到带有值的引脚，但选择后，引脚消失了。我试图保持 Pin 不变，而不是仅在旋钮单击时显示，但也无法成功。

我也可以在范围栏的开头和结尾显示值。但我更喜欢在 Range Bar 的开始和结束位置显示上下范围值。所以这对我不起作用..

我正在研究如何自定义旋钮以显示下限值和上限值。

我当前的代码如下

这是 IonRangeSlider 的非 jQuery 版本（https://github.com/IonDen/ion.rangeSlider）：

https://github.com/keisto/vanilla-rangeslider

我之前尝试过使用纯 JS 并避免使用 JQ 添加另一层。

我通过 yarn 安装了它，它在我的 node_modules 文件夹中。

我将此添加到我的app/javascript/application.js文件中：

在也尝试过之后：

在我在 dev 中编译的 JS 文件中，它拥有的是：

如果我尝试初始化一个滑块，我得到的是：

关于我缺少什么的任何想法？我添加了一些其他基于纱线的 JS 包，没有任何问题。