问noUiSlider不工作
EN

Stack Overflow用户

提问于 2015-03-12 07:31:02

回答 1查看 1.1K关注 0票数 0

我正在尝试让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>

我做错了什么？我想我已经看过网站上的例子了。

javascript

jquery

回答 1

Stack Overflow用户

发布于 2017-02-03 03:47:23

您需要在您的body上创建一个具有id的div元素，我们称之为"slider“。然后使用var slider = document.getElementById('slider')和函数，而不是应该是noUiSlider.create(slider, {，其中括号内的“滑块”将是您在HTML代码中初始化为元素的变量的名称。

希望能有所帮助

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28999350

复制

相似问题

问noUiSlider不工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问noUiSlider不工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问noUiSlider不工作
EN