问题标签 [ion-range-slider]

我已经建立了一个ionrangeslider。我主要用它来显示我的温度值

我不断使用 ajax 动态更新 from 值

我有min: 40and max: 210，当我的from: 0, 然后我希望滑块不显示任何内容

我在哪里看到的

我正在寻找有关如何ion-range基于线框自定义的当前问题的解决方案。正如您在下面看到的线框和我所做的实际工作之间的区别。

线框设计

我的实际工作

上面，你可以看到两者之间的区别。我的问题是，无论如何或解决方案，我可以做些什么来获得线框的实际外观。根据线框，当用户移动刻度时，与刻度对齐的标签也应该是蓝色的。

这些是我使用的代码，并产生了我的实际工作。

.html

.scss

希望您能提供帮助，以便我可以继续完成我的任务。太感谢了

我在模态中使用 ionrangeslider

我从 ajax 获得了一些值，然后我为滑块设置了to和from

我发现它打开了模式，然后显示没有往返的滑块，然后更新了往返。用户可以看到他们正在从无到有变化

在我打开模态并在那里显示它们之前如何设置它们。

我正在尝试ion-range根据线框在我的应用程序中自定义。我尝试使用 --bar-background-active但似乎无法正常工作。请参考我下面的代码。由于条形背景也是蓝色的，因此我删除了color="primary"它，我需要将其更改为灰色以与线框对齐。ion-range attribute希望您能够帮助我。谢谢

线框

实际的

.html

.scss

离子信息

我有两个不同的滑块，它们具有不同的最小值和最大值。我想显示输入的句柄值。我的第一个有效，但我似乎无法更新我的第二个。我已重命名所有变量并尝试控制台记录我的变量，但不确定还要检查什么。

https://jsfiddle.net/70ds3tuv/

在网上商店中，我的类别页面上有一些滑块。使用这些滑块，我可以在这些价格之间筛选产品。

我的问题是，在移动设备上，会显示水平滚动条，因为这些滑块具有绝对位置，而左侧或右侧的值是由我认为的 javascript 计算的。

我能用这个做什么？滑块插件名称是：离子范围滑块。

如果您想查看该网站，可以在这里进行：

我正在使用 ion.RangeSliders，我需要初始化大约 10 个滑块。所以我决定使用 JavaScript 类的构造方法。

这就是我所做的：

如您所见，我制作了一个 Class 构造函数，这是我能做的最好的。我的问题是：如何放置function updateInputs在里面class IonRangeWrapper？为了澄清，我想在下面做这样的事情：

代码笔

目前，我的滑块最小值和最大值分别为 4 和 100，默认情况下显示网格。我可以在其中添加自定义标签，但无法以更好的方式实现它。

我想要的是https://prnt.sc/1177ou5。我目前的代码是：

.showcase__mark { 显示：块；位置：绝对；顶部：45px；背景：#f00；填充：1px 3px；边框半径：3px；颜色：#fff; 左边距：-10px；}

我正在尝试设置一个从最小值 -5.5 到最大值 5.5 的滑块，步长为 1。

另外，我希望用户能够选择值 0，这对于下面的 jQuery 代码是不可能的，因为如果步长为 1 并且我的最小值有小数位，显然无法达到 0。

是否可以使用最小、最大和步长变量并额外添加自定义值？

在实践中，我使用更大的数字，因此定义所有可能的值（如：）values: [-5.5, -4.5, -3.5, -2.5, -1.5, -0.5, 0, 0.5, 1.5, 2.5, 3.5, 4.5, 5.5]不是一种选择。

jQuery代码：

滑块的外观：（无法选择 0）

我希望滑块看起来如何：

是否有可能在没有 jQuery 的情况下获得离子范围滑块？

下面的脚本导致我的网站出现问题，其中一部分菜单专用于用户。

我尝试按照下面的参考删除 jQuery，但失败了。

https://www.npmjs.com/package/vanilla-rangeslider

有好心人帮帮我吗？有没有办法在没有 Jquery 的情况下获得 ion RangeSlider？

项目：https ://jsfiddle.net/snake93/ahsnfw80/10/