javascript - 在菜单中更改类别

Question

我在这里的社区得到了很大的帮助，我再次伸出援手。 这是我的问题。我有一个菜单

    <ul class="nav">
        <li onclick="javascript:changeText(0)"><a id="home" class="current" >Home</a></li>
        <li onclick="javascript:changeText(4)"><a id="company">Company</a></li>
        <li onclick="javascript:changeText(5)"><a id="sub">Subcontracting</a></li>
        <li onclick="javascript:changeText(6)"><a id="contact">Contact</a></li>
    </ul>

调用一个js函数onclick。这工作正常，我现在要做的是将 class="current"更新为单击的元素。这是我无法使用的其他 js 函数。

<script language="javascript" type="text/javascript">

   $(".nav a#home").addClass("current");


   $("a").click(function(){
    $("a").removeClass("current");
    $(this).addClass("current");
   });
</script>

任何帮助都会很棒。提前致谢。

Answer 1

创建dom后是否运行脚本？
如果没有，您可以将脚本移动到 html 下方或使用这样的加载事件:

$(document).ready(function() {
   $(".nav a#home").addClass("current");


   $("a").click(function(){
    $("a").removeClass("current");
    $(this).addClass("current");
   });
});