我已经创建了带有 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 或建议一些其他代码,我们将不胜感激。
最佳答案
只需在您的 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;
}
关于javascript - 范围 slider 无法与标签一起正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58462790/