noUiSlider 不起作用
noUiSlider does not work
本文关键字:不起作用 noUiSlider 更新时间:2023-09-26
我试图让noUiSlider工作,而不是通过第一步。下面是我正在尝试的最简单的文件,它只是给了我一个空白屏幕:
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="It is really easy to use noUiSlider, simply include the files and call the plugin. Find out more!">
<title>noUiSlider - Getting Started | Refreshless.com</title>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<link href="/assets/base.css" rel="stylesheet">
<link href="/assets/prism.css" rel="stylesheet">
<link href="/nouislider/source/distribute/jquery.nouislider.min.css" rel="stylesheet">
<link href="/nouislider/source/distribute/jquery.nouislider.pips.min.css" rel="stylesheet">
<script src="/nouislider/source/distribute/jquery.nouislider.all.js"></script>
</head>
<body>
<script>
$(function() {
$("#noUiSlider").noUiSlider({
handles: 2,
connect: true,
scale:[10,30],
start:[0,60]
});
});
</script>
</body>
我做错了什么?我以为我遵循了网站上的例子。
你需要
在你的身体上创建一个div
元素,有一个id,比如说"滑块"。然后使用var slider = document.getElementById('slider')
函数而不是你所拥有的函数应该是noUiSlider.create(slider, {
括号内的"滑块"将是你初始化为HTML代码元素的变量的名称。
希望对你有帮助
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- 监视函数从服务返回不起作用,但作用域函数起作用
- 幻灯片滚动javascript不起作用
- 简单的javascript在Shopify中不起作用
- Recaptcha在IE7和IE8中不起作用
- Ember Data DS.Model's set函数不起作用
- JsFiddle上的鼠标事件不起作用
- 我的AngularJS表达式没有'不起作用
- 点击按钮输入不起作用
- 面向对象的Javascript代码在IE7中不起作用
- 分部隐藏在jquery中不起作用
- 在phonegap应用程序内部重定向不起作用
- Array.length似乎不起作用;console.log则显示其他情况
- $ionicplatform内的$scope不;不起作用
- 我的javascript for循环不起作用
- Meteor-添加用户自定义字段的方法不起作用
- 为什么 .focus() 不起作用,而 .css(“color”,“red”) 在同一个选择器上起作用
- Textarea必需的attribut在javascript中不起作用
- 为什么javascript:void(0)在Firefox中不起作用
- noUiSlider 不起作用