jQueryをHTMLにリンクできません

-4

ここに関連記事がありますが、どれも有用ではありませんでした。私はcodecademyからjQueryを学んでいます。自分でそれを練習しようとすると何も起こりません。 HTMLは次のようになります。jQueryをHTMLにリンクできません

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Result</title> 
     <link rel='stylesheet' type='text/css' href='MovieSiteStyle.css'/> 
     <script type='text/javascript' src='MovieSiteBehavior.js'></script> 
    </head> 
    <body> 
     <div></div> 
    </body> 
</html>

CSSは次のようになります。

div { 
    height: 100px; 
    width: 100px; 
    background-color: #FA6900; 
    border-radius: 5px; 
}

とJavascriptは次のようになります。

$(document).ready(function() { 
$('div').click(function() { 
    $('div').fadeOut('slow'); 
}); 
});

あり、オレンジ色の四角形を表示され、uはそれを、それをクリックしたときにすべきです消えるはずですが、実際にはそれが現れるだけで、私はそれを消滅させることはできません。（codecademyの同じ例がうまくいきます） P.一部の人々は悪い質問のために私を責めます、そして、あなたがこれが悪いと思うなら、理由を説明してください。

出典

2017-01-03 King Thranduil

に

<script src="https://code.jquery.com/jquery-3.1.1.js"></script>

あなたは 'jquery'ライブラリを含める必要があります。そこにはありません。 – Dekel

@Dekelどうすればいいですか？ codecademyサンプルにjQueryは含まれていません。 –

ここにチェック：http://stackoverflow.com/documentation/jquery/211/getting-started-with-jquery#t=201701031645371721066 – Dekel

あなたは」なかったのjQueryライブラリを追加します。そのため、動作しません。を追加してください：<head>

出典

2017-01-03 16:47:40 Stanouu

あなた<body>タグの下にこれを追加します。このような

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

を：あなたはjQueryライブラリを追加するのを忘れよう

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Result</title> 
     <link rel='stylesheet' type='text/css' href='MovieSiteStyle.css'/> 
     <script type='text/javascript' src='MovieSiteBehavior.js'></script> 
    </head> 
    <body> 
     <div></div> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
     <script> 
      $(document).ready(function() { 
      $('div').click(function() { 
       $('div').fadeOut('slow'); 
      }); 
      }); 
     </script> 
    </body> 
</html>

出典

2017-01-03 16:42:45 Travis

既に試してみました。効果はありません。 –

@KingThranduil私の編集が示すように、スクリプトタグの中にあなたの下にあなたのjavascriptを持っていましたか？ – Travis

は見て - 正常に動作します。提案は、あなたがクリックした同じdiv要素を隠すようにクリックリスナ内$(this)を使用することです - 2のdivでのデモ下記参照：

$(document).ready(function() { 
 
    $('div').click(function() { 
 
    $(this).fadeOut('slow'); 
 
    }); 
 
});

div { 
 
    height: 100px; 
 
    width: 100px; 
 
    background-color: #FA6900; 
 
    border-radius: 5px; 
 
}

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

 
<div></div> 
 
<br/> 
 
<div></div>

出典

2017-01-03 16:45:13 kukkuz

jQueryをHTMLにリンクできません

答えて

関連する問題