Question

我的问题与How to set a active link as default when page first time load类似，但我无法使用此解决方案。

我有一个HTML菜单：https://jsfiddle.net/gno1pzjv/

<div id="menu">
        <ul>
            <li> <a href="#">option1</a> </li>
            <li> <a href="#">option2</a> </li>
            <li> <a href="#">option3</a> </li>
            <li> <a href="#">option4</a> </li>
            <li> <a href="#">option5</a> </li>
            <li> <a href="#">option6</a> </li>
            <li> <a href="#">option7</a> </li>

        </ul>
    </div>

当我选择菜单选项时，菜单块应变为黄色。

在我自己的代码中（但不在小提琴中），菜单选项在选中时会变为黄色，但默认页面在页面启动时不活动。所以目前页面始终以橙色的所有选项开始。

有什么想法吗？

Answer 1

在你的JS中：

<script>
        $(document).ready(function() {
        $("#first").addClass("active");
        });
</script>

并在html中：

<li id="first"> <a href="#">option1</a> </li>

HTML设置初始活动菜单选项

1 个答案: