-1

私のコードはこのようなものです。しかし、どのブラウザでも動作しません。このコードは w3scools からコピーして貼り付けたものです。私の他のコードでも同じです。

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
     $("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>

4

3 に答える 3

4

これが機能するかどうかはわかりませんがhttp:、リンク参照の先頭に追加してみてください。さらに、他の人が指摘したように、<html>タグを閉じてください。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
     $("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

私が提案するもう 1 つのことは、jQuery ホスティングに jQuery の CDN を使用することです。URL ははるかに短く、バージョンを定義しなくても最新バージョンを取得できます。

<script src="http://code.jquery.com/jquery.min.js"></script>

ただし、特定の理由でバージョン 1.8.3 を使用しているようです。URL の後jqueryに必要なバージョンを追加してください。jquery-1.8.3.min.js.

于 2013-02-09T21:49:30.083 に答える
1

jQuery スクリプトへのリンクが機能していません。それを次のように置き換えます。

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

その代わり。

古いリンクではうまくいきませんでしたが、別のリンクに置き換えた後はうまくいきました。

（欠落に気付いたと思います</html>。）

于 2013-02-09T21:45:12.447 に答える
0

あなたのコードは実際には機能しますが (html 終了タグ :-P がなくても)、サーバーから実行された場合に限ります。すべて jQuery ファイルの URI に関係しています。

ファイルをローカルで実行すると、ブラウザーはファイル プロトコルを使用してファイルをダウンロードする必要があると推測するため、次のようになります。

file://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

(通常は F12 キーを押して) ブラウザーの開発者ツールを開くと、ブラウザーが file:// URL から jQuery ファイルを読み込めなかったことを示すエラーが表示されます。プロトコルとして http (または https) を指定すると、jQuery の取得元が認識され、すべてが機能します。

興味深いことに、サーバー上でファイルを実行すると (これは w3schools が意図したものだと思います)、ブラウザーはそれが http または https プロトコルであると推測し、jQuery ファイルを見つけます。

あまり労力をかけずに Web サーバーの実行を試してみたい場合は、Python (素晴らしいので) を使用すると、コマンド 1 つだけで Web サーバーを実行できます。

python -m SimpleHTTPServer

サーバーは次の場所で実行されます。

http://0.0.0.0:8000

実行したディレクトリからファイルを提供します。この URL には、それについてもう少し詳細があります: http://www.linuxjournal.com/content/tech-tip-really-simple-http-server-python

私はサーバー要件を認識していませんでした (質問をありがとう!)。旅行中にこれを見つけて、興味深いと思いました。欠落しているプロトコルがどのように有効であるかについて説明しています html StackOverflow:スクリプトタグで http:// を // に置き換えることは有効ですか?

于 2013-02-09T22:50:25.823 に答える