Jquery событие для динамически изменяемого URL?

Question

[Лев Салатов]

Доброго времени суток!

На сайте реализована поблочная прокрутка.
При смене блоков, в url добавляется номер блока, например site.ru#1, site.ru#2, site.ru#3 и т.п.

Нужно, чтобы при прокрутке к определенному блоку, например site.ru#4, т.е. при наличии #4 в url - срабатывало событие jquery.

Сейчас, отслеживаю #4 так:

$(document).ready(function(){ 
if (window.location.href.indexOf("#4") > -1){
//событие
} 
});

Но данное событие срабатывает, когда идет перезагрузка страницы с адресом site.ru#4

Как сделать, чтобы при прокрутке сайта site.ru#1, site.ru#2, site.ru#3, site.ru#4 - сработало событие.

Извините за сумбурность. Надеюсь понятно.

Заранее спасибо за помощь.

Answer 1

[Artray]

window.addEventListener("hashchange", function(evt)  {
   // ...
}, false);

Comments

[Лев Салатов]

Спасибо, но не

window.addEventListener("hashchange", function(evt)  {
$(document).ready(function(){ 
if (window.location.href.indexOf("#4") > -1){
//событие
} 
});
}, false);

,не

window.addEventListener("hashchange", function(evt)  {
if (window.location.href.indexOf("#4") > -1){
//событие
} 
}, false);

не срабатывает.

Answer 2

[KazeZlat]

$(document).ready(function(){ 
    $(window).on('hashchange', function(e){
        if (window.location.hash == '#4') {
            // Do smth
        }
    });
}

Comments

[Лев Салатов]

Спасибо за ответ, но не срабатывает.

Answer 3

[Илья Мясин]

Лев Розанов, а вы свою ссылку читали для разнообразия? ))

afterMove(next_page_index)
This callback gets called after the move animation was performed.

$(".main").onepage_scroll({
    afterMove: function(index) {
      ...
    }
  });

Comments

[Лев Салатов]

Илья Мясин, спасибо, читал.

Данная функция позволяет вызывать события при любой смене блоков. Т.е. что с первого на второй блок, что со второго на третий. До или после смены экрана.

А мне нужно, чтобы функция срабатывала именно на определенном экране.

[Илья Мясин]

Лев Розанов, а вот аргумент "next_page_index" - это не то ли, что вам нужно?