これはおそらく些細なことですが、この単純なコードを機能させることはできません。興味深い部分を以下に報告します。
<script>
$("#link1").click(function(){
$("#content").fadeOut(200);
});
</script>
[....]
<nav>
<a class="navLink" id="link1">Link1</a>
<a class="navLink" id="link2">Link2</a>
<a class="navLink" id="link3">Link3</a>
<a class="navLink" id="link4">Link4</a>
</nav>
<div id="container">
<div id ="content">
<p>This is a paragraph.</p>
</div>
</div>
Link1をクリックすると、divの「コンテンツ」が消えるようにするという考え方です。しかし、それは起こりません。興味深いことに、スクリプトを次のように置き換えて、onclick イベント トリガーを Link1 に追加すると、機能します。
<script>
function disappear(){
$("#content").fadeOut(200);
}
</script>
これは、セレクターが実際に機能することを示唆してい#id
ます (少なくとも「コンテンツ」に対して)。私のコードのどこに問題があるのか 誰にもわかりますか?
よろしくお願いします。