0

これはおそらく些細なことですが、この単純なコードを機能させることはできません。興味深い部分を以下に報告します。

<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ます (少なくとも「コンテンツ」に対して)。私のコードのどこに問題があるのか​​ 誰にもわかりますか?

よろしくお願いします。

4

1 に答える 1

1

スクリプトが必要な要素 ( #link1) の前に表示されるため、まだ見つけることができません。

スクリプトをページのさらに下に移動するか、スクリプトをラップする必要があります$(function() {...})

于 2013-06-08T12:51:30.687 に答える