0

我在本地尝试这个演示。如果成功，我应该能够看到这样的东西。但是，我看到的只是一个可编辑的框，上面写着“NaN”。

这是我尝试过的：

  1. 我复制了他们网页给出的代码并将其保存为本地 html 文件。我用 Chrome 和 Firefox 打开它，但没有看到滚动条，我只看到了一个白框。
  2. 我去看了他们的独立演示，并用 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>

我究竟做错了什么？

4

1 回答 1

1

下载页面时，脚本所做的任何 HTML 结构更改都会保存在您的文件中。如果您在开发者控制台的 Network 选项卡中查看index.html文件的请求，您会发现请求文件的内容与实际下载的文件不同（除了脚本和样式表 url）。

从请求的index.html复制正文的内容，您的示例将在本地开始工作。

于 2012-11-08T03:21:03.980 回答