3

W3Schoolから簡単なスクリプトをコピーしたのですが、実行できません。次のとおりです。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://Web Testing/js/jquery-1.8.0.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>
</body>
</html>

それは次の行で彼らのTryitEditorで動作しますが、BBEditの下の私のMacのこの行でも動作しません

4

4 に答える 4

6

あなたが含めたリンクが機能していないjqueryを含める必要がありました

試す

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

他の多くのウェブサイトがそれを使用しているため、Google がホストするライブラリを使用することも良いオプションです。ほとんどの場合、ブラウザのキャッシュに入れられます。

于 2012-12-18T14:58:02.730 に答える
2
<script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript">
   <!--left blank-->
</script>



<script type="text/javascript">

  $(document).ready(function(){

       /*Your code*/

     });

</script>
于 2012-12-18T15:03:14.540 に答える
1

使用する前にjqueryを含める必要があります。または、ready または load イベントを使用するよりもスクリプトの後に jquery を含める場合

tp include jquery では、Google がホストするライブラリまたは jquery を選択できます

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

また

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
于 2012-12-19T05:01:42.840 に答える
1
<script type="text/javascript" src="http://Web Testing/js/jquery-1.8.0.min.js"></script>

jquery ライブラリへのリンクが無効です。そのコードを次のコードに置き換えてください。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
于 2012-12-18T14:59:08.830 に答える