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

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

jquery

jQuery工具范围输入演示不适用于我的Chrome或Firefox,jquery,jquery-tools,Jquery,Jquery Tools,我在当地试训。如果成功了，我应该能看到类似的东西。然而，我看到的只是一个可编辑的框，上面写着“南” 以下是我尝试过的：我复制了由提供的代码，并将其保存为本地html文件。我用Chrome和Firefox打开了它，但是我没有看到滚动条，而是看到了一个白色的框我去了他们的网站，用Chrome做了一个“查看页面源代码”。我复制了整个html文件，将其保存在本地，然后在Chrome和Firefox中打开。结果仍然是一样的以下是我当前的本地html文件： <!DOCTYPE html>

我在当地试训。如果成功了，我应该能看到类似的东西。然而，我看到的只是一个可编辑的框，上面写着“南”

以下是我尝试过的：

我复制了由提供的代码，并将其保存为本地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>


jQuery工具独立演示
$（“：range”）.rangeinput（）；

我做错了什么？

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

从请求的index.html中复制正文的内容，您的示例将在本地开始工作。
我没有得到它。对不起，我在web开发方面没有经验。我尝试复制演示页面和他们的独立演示页面，我能够看到一些文本、链接、框和图片，但没有任何样式化。我已经仔细检查了复制粘贴的代码，它们与示例代码相同。。。我开始认为可能CSS没有正确链接…如果您下载带有“另存页面为”的页面，那么您将获得更新的CSS链接，但必须手动替换body元素的内容。在你添加到文章中的HTML中，你遇到了opossite问题，HTML是可以的，但是链接的CSS是错误的。我建议使用传统的“将页面另存为”方法下载页面，然后对其进行编辑，并将body元素替换为您在此处发布的HTML中的元素。是的，这解决了我的问题。当我使用“将页面另存为”方法时，href to jQuery工具和css文件不再是“http://...“但是对我本地下载的文件的引用，比如“/jquerytools standalone demo_files/standalone.css”。因此，下载后，样式是正确的，但正文不起作用。是的，在身体更新后，它确实起作用了！谢谢