если hasclass addclass иначе removeclass не работает

Question

если hasclass addclass иначе removeclass не работает

0

Это моя разметка

<header id="header">
    <nav>
        <ul class="menu">
            <li id="homeSecLink" class="active"><a href="#Home" class="homeLink">Home</a></li>
            <li><a href="#Partners">Partners</a></li>
            <li><a href="#About">About</a></li>
            <li><a href="#Contact">Contact</a></li>
        </ul>
    </nav>
</header>

При загрузке страницы я пытаюсь добавить класс borderGap в заголовок, если homeSecLink имеет active класс else remove borderGap

Здесь addClass работает, но removeClass не работает

Это то, что я сделал:

$(document).ready(function() {
    if ($('#homeSecLink').hasClass("active")) {
        $('#header').addClass('borderGap');
    } else {
        $('#header').removeClass('borderGap');
    }
});

vishal_codes 26 апр. 2014, в 18:01

Источник

5

определить not working ?
Rajaprabhu Aravindasamy 26 апр. 2014, в 15:31
3

Похоже, это работает нормально? jsfiddle.net/FRaTH/1 и jsfiddle.net/FRaTH/2
Navin 26 апр. 2014, в 15:33
0

Пожалуйста, укажите, что именно вы ожидаете от него и что он делает. «Не работает» не очень понятно.
Honza Zidek 26 апр. 2014, в 16:04

Показать ещё 1 комментарий

Теги:

jquery

removeclass

addclass

1 ответ

Ещё вопросы

Похоже, это работает нормально? jsfiddle.net/FRaTH/1 и jsfiddle.net/FRaTH/2
Пожалуйста, укажите, что именно вы ожидаете от него и что он делает. «Не работает» не очень понятно.

Manoj Yadav · Accepted Answer · 2014-04-26T13-41-00.000Z

Для работы removeClass вам необходимо удалить active class

HTML

<header id="header">
    <nav>
        <ul class="menu">
            <li id="homeSecLink" class="active"><a href="#Home" class="homeLink">Home</a></li>
            <li><a href="#Partners">Partners</a></li>
            <li><a href="#About">About</a></li>
            <li><a href="#Contact">Contact</a></li>
        </ul>
    </nav>
</header>
<a id="toggle">Toggle</a>

JavaScript

$(document).ready(function() {
    $('#toggle').click(function() {
        if ($('#homeSecLink').hasClass("active")) {
            $('#header').addClass('borderGap');
            $('#homeSecLink').removeClass('active');
        } else {
            $('#header').removeClass('borderGap');
            $('#homeSecLink').addClass('active');
        }
    });
});

Демо-ссылка

Возможно, active класс добавлен серверным скриптом? Это означает, что это не входит в сферу действия ОП.