我正在本地尝试此演示。如果成功的话，我应该能够看到这样的东西。但是，我看到的只是一个可编辑的盒子，上面写着" nan"。
这是我尝试过的：
- 我复制了其网页给出的代码，并将其保存为本地HTML文件。我用Chrome和Firefox打开了它，但是我没有看到滚动条，而是看到了一个白色盒子。
- 我去了他们的独立演示，并使用Chrome进行了"查看页面源"。我复制了整个HTML文件，将其保存在本地，并用Chrome和Firefox打开。结果仍然相同。
这是我当前本地HTML文件：
<!DOCTYPE html>
<html>
<!--
This is a jQuery Tools standalone demo. Feel free to copy/paste.
http://flowplayer.org/tools/demos/
Do *not* reference CSS files and images from flowplayer.org when in
production Enjoy!
-->
<head>
<title>jQuery Tools standalone demo</title>
<!-- include the Tools -->
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<!-- standalone page styling (can be removed) -->
<link rel="shortcut icon" href="/media/img/favicon.ico">
<link rel="stylesheet" type="text/css"
href="/media/css/standalone.css"/>
<!-- rangeinput styling -->
<link rel="stylesheet" type="text/css"
href="/media/css/rangeinput/skin1.css"/>
</head>
<body> <!-- HTML5 range input -->
<input type="range" name="test" min="100" max="300" value="150" />
<!-- make it happen -->
<script>
$(":range").rangeinput();
</script>
</body>
</html>
我在做什么错？
下载页面时，脚本完成的任何HTML结构更改都保存在您的文件中。如果您在开发人员控制台的网络选项卡中查看 index.html 文件的请求，则可以看到请求的文件的内容与实际下载的文件（除了脚本和样式表urls）不同。
从请求的 index.html 中复制身体的内容，您的示例将开始本地工作。