-4

こんにちは、私はいくつかの jQuery を試してみようとしていますが、まったく運がありません。コードを書いていましたが、何も機能していませんでした。そこで、w3schools の JQuery を試してみましたが、うまくいきませんでした。なぜ私はそれを働かせることができないのですか？

私はこれを私のhtmlの頭に持っています

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

それでもうまくいきません。

助けてくれてありがとうマイキーに感謝

<!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(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
});
</script>
</head>

<body>
<p>Demonstrate fadeIn() with different parameters.</p>
<button>Click to fade in boxes</button>
<br><br>
<div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div>        <br>
<div id="div2" style="width:80px;height:80px;display:none;background-color:green;">    </div><br>
<div id="div3" style="width:80px;height:80px;display:none;background-color:blue;">  </div>

</body>
</html>

それをメモ帳にコピーして保存し、クロムで実行しましたが、ボタンを押しても何も起こりませんでした。

助けてくれたみんなに感謝します

4

3 に答える 3

6

ここでの問題は、jQueryのロードに使用しているスキームの相対URLです。htmlファイルをローカルにロードしていると想定しているので、ページのスキームはfile://です。//ソースとしてjQueryをロードしようとすると、ローカルファイルシステムで。という名前のフォルダが検索されますajax.googleapis.com。//スクリプトタグをに置き換えてhttps://、問題を解決します。

于 2013-01-10T18:12:52.247 に答える
4

このコードをメモ帳に貼り付けて保存し、ブラウザでファイルを開くだけでは、jQuery は見つかりません。

次のいずれかを行う必要があります。

  • HTTPサーバーを使用してファイルを提供します（つまり、を使用してアクセスしないでくださいfile://）
  • または、jQuery の URL をプロトコル相対 URL (で始まるURL //)を使用しないように変更します。

最も簡単な修正は変更することです

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">

に

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">

しかし、深刻なのは、常にローカル HTTP サーバーを使用してテストすることです (Windows を含む任意の OS に Apache をインストールするのは非常に簡単です)。file://ほとんどのクロスドメイン ajax 操作を含め、 ではテストできないことがたくさんあります。

于 2013-01-10T18:11:35.287 に答える
1

変化する

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

に

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

問題は、//ajax.googleapis.com異なるプロトコル (http/https) での問題を回避するために使用されることです。ブラウザは、ページに使用されるプロトコルを追加します。ハード ドライブ上のファイルから HTML を開く場合、file:// プロトコルが使用されます。また、ブラウザは を使用して jquery を読み込もうとしますが、ハード ドライブにfile://ajax.googleapis.comフォルダがないため機能しません。ajax.googleapis.comしたがって、jquery のプロトコルを明示的に指定するだけです

于 2013-01-10T18:11:44.947 に答える