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

Программирование на jquery
Ответить
Anonymous
 Определить текущий раздел с помощью JavaScript

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»