文章/答案/技术大牛

发布

社区首页 >问答首页 >未曝光的RangeError: noUiSlider

问未曝光的RangeError: noUiSlider
EN

Stack Overflow用户

提问于 2014-04-07 08:06:02

回答 3查看 4K关注 0票数 1

我试图在网站上添加几个滑块，结果我被塞了下来。我已经直接从他们的网站下载了nouislider脚本，在此之前，我在我的网站上添加了jQuery 1.8.0。这就是我制作的：

index.html

<head>
   ...
   <link rel="stylesheet" href="Content/noUiSlider/jquery.nouislider.css" type="text/css">
   <script src="Scripts/jquery-1.8.0.min.js"></script>
   <script src="Scripts/jquery.nouislider.js"></script>
   <script src="Scripts/website.js"></script>
   ...
</head>
<body>
   ...
   <div id="sslider" class="noUi-target noUi-ltr noUi-horizontal noUi-background"></div>
   ...
</body>

website.js

(function () {
   $("#sslider").noUiSlider({
       start: 5,
       range: {
           'min': 1,
           'max': 80
       }
   });
})();

当我在Chrome中调试时，我会准确地捕捉到以下内容：

你能帮帮我吗?

javascript

jquery

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-04-07 09:22:53

好了问题解决了。我从NuGet下载了NuGet(来自VisualStudio，2013年)，他们提供给我的是旧的或者坏的文件。我以为文件是网站上的，但我浏览了NuGet并注意到，我已经从那里下载了。

代码没有问题，只有文件。第一课:在问问题之前，把官方文件和你已经安装好的文件进行比较。

票数 1

Stack Overflow用户

发布于 2014-04-07 08:13:12

我将您的示例复制到一个测试文件中，它运行良好。我也看不出您的示例中的错误消息是如何由当前版本的noUiSlider生成的，所以我建议使用最新版本的noUiSlider和最新版本的jQuery。

只在页面加载后运行这个JS也是个好主意，像这样。

$(function() {
    $("#sslider").noUiSlider({
        start: 5,
        range: {
            'min': 1,
            'max': 80
        }
    });
});

票数 1

Stack Overflow用户

发布于 2014-04-07 08:14:37

试着跟随官方文件

$("#slider").noUiSlider({
    start: [5],
    connect: true,
    range: {
        'min': 1,
        'max': 80
    }
});

票数 0

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

原文链接：

https://stackoverflow.com/questions/22906791

复制

相似问题

问未曝光的RangeError: noUiSlider
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未曝光的RangeError: noUiSliderEN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未曝光的RangeError: noUiSlider
EN