0

このデモをローカルで試していました。成功した場合、このようなものが表示されるはずです。しかし、私が見たのは「NaN」と書かれた編集可能なボックスだけでした。

これが私が試したことです：

  1. 彼らの Web ページから提供されたコードをコピーし、ローカルの html ファイルとして保存しました。Chrome と Firefox で開いたのですが、スクロールバーが表示されず、白いボックスが表示されるだけでした。
  2. 私はスタンドアロンのデモに行き、Chrome で「View Page Source」を実行しました。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 構造の変更がファイルに保存されます。開発者コンソールの [ネットワーク] タブでindex.htmlファイルのリクエストを見ると、リクエストされたファイルの内容が実際にダウンロードされたファイルと異なることがわかります (スクリプトとスタイルシートの URL を除く)。

要求されたindex.htmlから本文の内容をコピーすると、例がローカルで動作し始めます。

于 2012-11-08T03:21:03.980 に答える