Как динамически добавлять CSS в пункты меню

0

Я хочу выделить меню динамически в Html-страницах с помощью Js.

Например

<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. Пожалуйста помогите.

Заранее спасибо.

  • 1
    Ваша HTML разметка неверна
  • 0
    Элемент <ul> требует закрывающий тег. Вполне возможно, что браузер не сможет построить DOM так, как вы этого хотите.
Теги:

1 ответ

0

У меня есть демо для вас здесь: 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>

Я считаю, что это то, что вы намеревались. Я не уверен, что вы намеревались совершить, когда вы нажимаете другое подменю. Я постараюсь помочь вам, если вы сможете точно описать то, что вы намереваетесь совершить.

Поделиться
  • 0
    Этот HTML не является правильным. <ul> как прямое дитя другого <ul> ?
  • 0
    Правда, я изменил HTML на то, что, как я считаю, было задумано. JsFiddle по-прежнему демонстрирует странное поведение, но в этом вопросе есть некоторые неясности, поэтому я не уверен, что это было задумано.
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню