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选择器确实有效（至少对于“内容”）。有谁看到我的代码中的问题出在哪里？

提前谢谢你，ETtore

4

1 回答 1

1

您的脚本出现在它需要的元素之前 ( #link1)，因此它还找不到它。

您要么需要将脚本移到页面下方，要么将其包装在$(function() {...})

于 2013-06-08T12:51:30.687 回答