PJAX und jQuery scrollTo Konflikt

Question

ich hier zusammen eine einfache Website gestellt haben: http://matt.srgunltd.co.uk/

Es auf Jekyll gebaut und verwendet PJAX, um den Inhalt AJAX zu dienen. Auf der Startseite, wenn die Seite zuerst geladen wird, wenn Sie auf "Sehen, was ich tue" klicken, wird ScrollTo (https://github.com/flesler/jquery.scrollTo) verwendet, um sich nahtlos zu den Ankern auf der Seite zu bewegen. Jetzt, wenn Sie den Blog besuchen, dann kehren Sie zur Homepage zurück, diese Funktionalität ist kaputt.

Es scheint einen Konflikt zwischen PJAX und ScrollTo zu geben, aber ich kann nicht herausfinden, was es sein könnte, da es keine Fehler in der Konsole gibt.

Answer 1

onClick-Ereignisse funktionieren mit Inhalt, der beim Laden der Seite in DOM geladen wird. Wenn Sie eine andere Seite besuchen, d. H. Blog Der Inhalt wird dynamisch aktualisiert.

Sie müssen deligation für Ihre Klickereignisse auf dynamisch generierten Inhalten verwenden.

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