javascript - 范围 slider 无法与标签一起正常工作

Question

我已经创建了带有 ionic 范围 slider 的 slider ，它工作良好，但不是预期的。

请在这里查看 fiddle :

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

我正在尝试构建类似于剪切 slider 中给出的内容。请点击链接:

[ref]: (https://www.jamesallen.com/loose-diamonds/all-diamonds/)
https://www.jamesallen.com/loose-diamonds/all-diamonds/

我无法做的是，当我单击线条和文本时，它无法正确滑动。请查看这两个链接。还尝试使用多个 slider ，如 noui slider 和其他 slider ，但没有任何效果。

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

Answer 1

只需在您的 fiddle 中添加此 CSS 并检查..

.irs--round .irs-line {
  height: 31px;
  background-color: transparent;
}

.irs--round .irs-line:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #dee4ec;
  z-index: 0;
}