个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我看到有几个问题被问到，但似乎没有一个得到解决。我正在尝试使用 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>任何建议或指导都会很棒。这正是他们在网站上的展示方式。
最佳答案
我知道这是一个老问题，但我也遇到了同样的问题。
我认为这是因为 <div> slider 的目标通常没有内容，除非您为元素指定格式，否则它是不可见的。
尝试包含默认值 .css以控件提供的文件作为起点，我想您会看到 slider 出现。
关于javascript - noUiSlider 没有出现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45850591/
26
4
0
文档说要使用 slider.noUiSlider.get(); 获取当前值。但是如果 slider 有两个 handle (因此有两个值)，我如何获得这两个单独的值？ 最佳答案 对于有两个 handl
文档说要使用 slider.noUiSlider.get(); 获取当前值。但是如果 slider 有两个 handle (因此有两个值)，我如何获得这两个单独的值？ 最佳答案 对于有两个 handl
我正在尝试使用 noUISlider 加载多个 slider ，但它不起作用。使用第一个 slider 时，第二个和第三个 slider 的值会发生变化。我该如何重构一个 slider 的代码，以便我
有没有办法显示非数字的最后点数值。例如，显示 0、100、200、300、更多的点数比例 感谢这个伟大的剧本! 最佳答案 以下解决方案有点麻烦，但它可以满足您的需求。 您可以使用 format选项并将
如何从链接的输出中删除小数位 我正在使用此代码 $("#slider_01").noUiSlider({ start: [2000, 24000], connect: true,
我正在使用 noUiSlider 并遵循如何创建自定义格式的教程: noUiSlider.create(sliderFormat, { start: [ 20 ], step: 10, range:
我正在尝试让 noUiSlider 工作，但没有完成第一步。下面是我正在尝试的最简单的文件，它只是给我一个空白屏幕: noUiSlider - Getting Star
所以我花了最后几个小时试图让 NoUISlider 在基本页面上工作，但我似乎无法让它工作。我到处寻找示例代码，但似乎找不到有效的代码。这是我所拥有的: -->
你能帮我解决 noUIslider 问题吗？ 我有简单的 slider : noUiSlider.create(slider, { start: 250, ra
我正在使用 nouislider ( https://refreshless.com/nouislider/ )，我想设置变量的范围值。但如果我使用变量值， slider 将不会创建。 jQuery.
这与我关于 nousliders 的第一个问题非常相关:How to update div in Meteor without helper? (这个标题选得不好，因为它不是为了避免帮助者) Jank
一切都在 100 到 1000 的范围内运行，但在 1000 之后该步骤停止运行，告诉我可以做什么？ 最佳答案 step 选项仅适用于范围的第一部分。对于后续部分，您可以为每个单独的范围值传递一个数
嘿，我已经检查了有关重置 noUiSlider 的主题，但我找不到处理我的问题的方法。有什么建议吗？ reset Update noUiSlider.create($('#product
您可以拿一个look at this Demo吗？让我知道为什么这个垂直 slider 甚至没有出现？原始演示位于This Page但这对我不起作用! $("#sample-showcase").no
是否可以在不修改值的情况下格式化工具提示？显然，这样做会改变迄今为止的值。 tooltips: [true], format: { from: Number, to: function
我试图在网站上添加几个 slider ，但我被卡住了。我直接从他们的网站下载了 nouislider 脚本，在此之前，我将 jQuery 1.8.0 添加到我的网站。这是我制作的: index.htm
我正在尝试设置 noUiSlider。 我的html是 我的javascript var slider = document.getElementById('slider'); noUiSl
我正在使用 noUiSlider 并尝试将 slider 值用作表单输入值(以工作表单发送)。我已经尝试了各种可以在堆栈溢出中找到的示例，但似乎没有任何效果。这是我的 slider 脚本: var
我有一个 slider ，点数从 21 到 30，数字之间有 10 个标记(像尺子)，步长为 0.5。有没有办法限制值，所以用户不能低于 21.5 但标记从 21 开始？我不会听 onchange，因
下面是我对 noUiSlider 的使用，我喜欢它，因为它缺少 jQuery。但是，每当我使用从负数开始的范围时， slider 的设置功能似乎就会被破坏。我假设这是 noUiSlider 的一个实际
我是一名优秀的程序员,十分优秀！