PJAX и JQuery ScrollTo конфликт

Question

Я поставил вместе простой сайт здесь: http://matt.srgunltd.co.uk/

Он построен на Джекила и использует PJAX Аяксу обслужен содержание. На главной странице, когда сайт загружается первым, если вы нажмете «Посмотрите, что я делаю», он использует ScrollTo (https://github.com/flesler/jquery.scrollTo) для плавного перехода на привязки на странице. Теперь, если вы посетите блог, а затем вернитесь на домашнюю страницу, эта функциональность сломана.

Похоже, что существует некоторый конфликт между PJAX и ScrollTo, но я не могу понять, что это может быть, поскольку ошибок в консоли нет.

Answer 1

События onClick работают над контентом, который загружается в DOM при загрузке страницы. Когда вы посещаете другую страницу i.e Блог Содержимое обновляется динамически.

Для событий с нажатием на динамически созданный контент необходимо использовать deligation.

jQuery('body').on('click', '.overview-link', function(e){ 
    e.preventDefault(); 
    jQuery('body').scrollTo('#overview',{duration:'slow', offset:-60}); 
})