Я работаю над одностраничным сайтом, на котором есть несколько «статей».Каждый div имеет класс «article» и id «first», «second», «third» и т. Д. У меня есть стандартное меню:
<ul id="nav">
<li id="n1"><a href="#first"></a></li>
<li id="n2"><a href="#second"></a></li>
<li id="n3"><a href="#third"></a></li>
//...etc
</ul>
Что мне нужно сделать, это назначить класс «active»к тегу li с идентификатором n1, когда текущая статья имеет идентификатор «first» (и отменяет назначение активного класса из всех других тегов li);назначить активный класс тегу li с идентификатором n2, если текущая статья имеет идентификатор "second";и т.д.
Буду признателен за любую помощь ... Я действительно застрял на этом.TIA за вашу помощь.
PS Я использую следующий код, чтобы, по сути, назначить активный класс для просматриваемой в данный момент статьи:
$('#first, #second, #third, ...).bind('inview', function (event, visible) {
if (visible == true) {
$(this).addClass("inview");
} else {
$(this).removeClass("inview");
}
});