0

html、css、js、jQuery に関する codecademy チュートリアルを終了しました。今、私は自分で何かを作ろうとしています。しかし、私は最も単純なことでさえ機能させることができません。私は今まで、ある種の「ブラウザコンソールラボ」ですべてを行ってきました。質問は、ブラウザで開いたときに機能するように、index.html に jQuery を使用または含めるにはどうすればよいですか? いくつか検索した後、Google がホストするライブラリのリンクを使用しましたが、それでも機能しません。index.html、style.css、script.js の 3 つのファイルを作成しました。

これで、その正方形が含まれるページが読み込まれるだけですが、クリックしても何もしません。jQuery コードが正しいはずです。

index.htmlコード:

<!DOCTYPE html>
<html>
<head>
    <title>My thing</title>
    <link rel='stylesheet' type='text/css' href='style.css'/>
    <script type='text/javascript' src='script.js'></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

</head>
<body>
    <div>
    </div>
</body>
</html>

style.cssコード:

div {
height: 250px;
width: 250px;
background-color: #008800;
}

script.jsコード:

$(document).ready(function(){
  $('div').click(function(){
      $(this).effect('explode');
  });
});
4

3 に答える 3

3

そのはず

<!DOCTYPE html>
<html>
<head>
    <title>My thing</title>
    <link rel='stylesheet' type='text/css' href='style.css'/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script type='text/javascript' src='script.js'></script>

</head>
<body>
    <div>
    </div>
</body>
</html>

スクリプト ページscript.jsは jQuery を使用しているため、jQuery ライブラリの後に含める必要があります

デモ:プランカー

于 2013-07-24T01:05:06.690 に答える
1

スクリプト ソース URL にプロトコル部分がありません。取得元に応じて、http:またはのいずれかを追加します。https:

于 2013-07-24T01:03:32.717 に答える
0 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

あなたはhttpを見逃しています：これを試して、それが機能するかどうかを確認してください

于 2013-07-24T01:04:29.717 に答える