问题标签 [ion-range-slider]

我已经根据需要定制了离子范围滑块。只需要简单的功能
1. 标签需要居中。
2. 标签上的点击手柄应相应移动。
3. 色线中两个值之间的色差。

我试图在这里创建“像给定参考一样切割滑块”参考：（https://www.jamesallen.com/loose-diamonds/all-diamonds/）

我在这里创建了示例小提琴，请参阅参考：

https://jsfiddle.net/rudratosh/7wg1p86e/3/

什么不工作是：
1。首先如果我们点击“公平”标签，所以它不应该首先移动到任何地方。不像是行为。

2. 同样，如果我点击 fair 左边它的工作正常，但有点正确它的移动错误。请参阅给定的参考文献以获得更清晰的信息。

提前致谢

我已经创建了带有离子范围滑块的滑块，它工作良好但不是预期的。

请看这里的小提琴：

我正在尝试构建类似于剪切滑块中给出的东西。请点击链接：

我不能做的是，当我点击线条和文字时，它没有正确滑动。请查看两个链接。还尝试了多个滑块，例如 noui 滑块和其他滑块，但没有任何效果。

如果有人可以更改当前的小提琴或建议其他一些代码，将不胜感激。

我这样定义：

使用 ion.rangeslider 我需要在值选择区域中显示该值乘以另一个值。例如，我需要将所选值乘以 * 5。i need to update this when the selected value changes

http://prntscr.com/qav6rd

在示例中，我需要显示“6 人 5 欧元：30 欧元”

我正在使用带角度的 Ionic V4。我正在尝试自定义离子范围，但由于某种原因，我无法访问范围栏中的所有对象。例如：

我只需要将文本“TEST”放在 Pin 范围内，如图所示。

如果有人有一个好主意，不管离子范围如何，我很想听听。

示例脚本：

我想在回调函数中读取活动滑块的名称。此时如何获取此属性？

我是 Nuxt 的新手，我正在尝试使用 jquery 库“ionrangeSlider”，但出现错误：

我跑了npm i ion-rangeslider，我在我的 nuxt.config.js 中添加了供应商：

在我的组件中，我有：

我认为 nuxt 不能正确编译来自 node_modules 的库，但我不知道我能做什么:(

我正在尝试获取范围滑块当前位置的值，以便为我的 ajax 请求放入一个对象...

我正在尝试在这里使用ion-range来自 ionic v5（最新）的：https ://ionicframework.com/docs/api/range

他们的演示展示了当我有 2 个旋钮滑块时设置默认最小值和最大值的能力。

文档说用于number | { lower: number; upper: number; }设置值，但是范围部分不起作用。

这是我使用的代码：

这是输出（我正在使用rtl设置）

我正在尝试从函数外部的 Ion Range 滑块中获取所选值。但我得到的价值是不确定的。我使用了 Ion range Slider Plugin 和以下代码。

我不知道如何在函数之外获取范围选择值。这是我尝试过的小提琴：https ://jsfiddle.net/georgoboy/kxcmagjw/1/

我正在使用 ionrangeslider 来显示一些温度值。我喜欢它的显示方式。

我不希望用户滑动它。如何禁用滑块

我没有找到任何禁用拖动的选项

这是我正在使用的 html 和 js

它显示为