Определить текущий раздел с помощью JavaScript ⇐ Html

[Anonymous]

Я работаю над одностраничным веб-сайтом. У меня есть фиксированное меню на чистом HTML, вот код:

Код: Выделить всё

WM Flying

[url=#section1]Home[/url]
[url=#section2]About[/url]
[url=#section3]Portfolio[/url]
[url=#section4]The team[/url]
[url=#section5]Contact[/url]

Затем я хотел бы изменить «текущий» раздел, чтобы применить другой стиль к выбранному меню. Вот мой JavaScript:

Код: Выделить всё

var currentSection = "section1";

function change($section){
$('nav.menu a').removeClass('current');
currentSection = $section.attr('id');
$('body').removeClass();
$('body').addClass( $section.attr('id') + '-visible' );
$('.target-'+currentSection).addClass('current');
}

Затем я просто применяю следующий CSS:

Код: Выделить всё

nav a.current, nav a:hover{
background: #F0F0F0;
color: #E46C51;
}

Чтобы вызвать функцию, я использую это:

Код: Выделить всё

$("#main section").waypoint( function( direction ) {
if( direction === 'down' ) {
change( $( this ) );
}
}, { offset: '20%' } ).waypoint( function( direction ) {
if( direction === 'up' ) {
change( $( this ) );
}
}, { offset: '-20%' } );

Но, похоже, это не работает. Может ли кто-нибудь мне помочь?

Подробнее здесь: https://stackoverflow.com/questions/222 ... javascript