noUiSlider未出现
noUiSlider未出现
提问于 2017-08-24 07:09:29
我已经看到一些关于这方面的问题，但似乎没有一个得到解决。我正在尝试使用noUiSlider在我的网站上实现一个滑动条。然而，它根本没有出现。当我检查页面时，我可以清楚地看到，但除此之外，它就像不存在一样。
下面是我的代码：
<script>
var slider = document.getElementById('slider');
//$slider.className = 'noUiSlider';
//$slider.id = 'slider-range';
noUiSlider.create(slider, {
start: 0,
range: {
'min': 0,
'max': 100
}
});
</script><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HELLO</title>
<link href="{{ url_for('static', filename='nouislider.css') }}">
</head>
<body>
<script src="{{ url_for('static', filename='nouislider.js') }}"></script>
<div id="slider"></div>
</body>
</html>
任何建议或方向都会很棒。这正是他们在他们的网站上的方式。
回答 2
Stack Overflow用户
发布于 2019-01-24 19:45:44
我知道这是一个老生常谈的问题，但我也遇到了同样的问题。
我认为这是因为滑块的<div>目标通常没有内容，除非您为元素指定格式，否则它是不可见的。
尝试包含控件提供的默认.css文件作为起始点，我想您会看到滑块出现。
Stack Overflow用户
发布于 2017-08-28 09:58:12
我能够通过确保在创建滑块div时在css样式中指定一个大小来修复这个问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45850591
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号