Question

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

以下是我的尝试：

我复制了their web page给出的代码并将其保存为本地html文件。我用Chrome和Firefox打开它，但我没有看到滚动条，只看到一个白色的盒子。
我去了他们的standalone demo并使用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>

我做错了什么？

Answer 1

下载页面时，脚本完成的任何HTML结构更改都会保存在您的文件中。如果您在开发人员控制台的“网络”选项卡中查看 index.html 文件的请求，则可以看到所请求文件的内容与实际下载的文件不同（除了脚本和样式表网址）

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

jQuery Tools范围输入演示不适用于我的Chrome或Firefox

1 个答案: