如何將CSS動態添加到菜單項

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>

我相信這就是您的意圖。 我不確定您單擊另一個子菜單時的意圖。 如果您能准確描述您打算做什么，我會盡力幫助您。