Question

我想使用Js在Html页面中动态突出显示菜单。

例如

<div id="cssmenu">
<ul id="myid">
    <li id="m1"><a href="company.html">COMPANY</a></li>
    <li id="m2" class="has-sub"><a href="#">SERVICES</a>
        <ul>
            <li class="has-sub"><a href="#">Enterprise Solution</a>
                <ul>
                    <li><a href="sap.html">SAP</a></li>
                    <li><a href="oracle.html">Oracle</a></li>
                </ul>
    </li>
</div>

我这样给了。但它不起作用

<script>

$(document).ready(function() {
    $("#cssmenu ul li").click(function() {

        $(this).addClass('active').siblings('li').removeClass('active');

    });
});

为此，我想在使用Js单击时激活菜单。请帮我。

先谢谢。

Answer 1

我在这里有一个演示：http://jsfiddle.net/ttaN2/4/

我更改了HTML，以便有正确的打开和关闭标记：

<div id="cssmenu">
    <ul id="myid">
        <li id="m1"><a href="company.html">COMPANY</a></li>
        <li id="m2" class="has-sub"><a href="#">SERVICES</a></li>
        <li class="has-sub"><a href="#">Enterprise Solution</a>
            <ul>
                <li><a href="sap.html">SAP</a></li>
                <li><a href="oracle.html">Oracle</a></li>
            </ul>
        </li>
    </ul>
</div>

我相信这就是你的意图。我不确定当你点击另一个子菜单时你打算发生什么。如果你能准确描述你想要发生什么，我会尽力帮助你。

如何动态地将CSS添加到菜单项

1 个答案: