PJAX 和 jQuery ScrollTo 冲突

Question

我在这里整理了一个简单的网站：http://matt.srgunltd.co.uk/

它基于 Jekyll 构建并使用 PJAX 来 ajax 提供内容。在主页上，当您单击 "See what I do" 首次加载网站时，它会使用 ScrollTo (https://github.com/flesler/jquery.scrollTo) 平滑向下移动到页面中的锚点。现在如果你访问博客，然后 return 到主页，这个功能就坏了。

PJAX 和 ScrollTo 之间似乎存在一些冲突，但我不知道它可能是什么，因为控制台中没有错误。

Answer 1

onClick 事件适用于页面加载时 DOM 中加载的内容。当您访问其他页面时，即博客内容会动态更新。

您需要为动态生成内容的点击事件使用 deligation。

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

PJAX 和 jQuery ScrollTo 冲突

PJAX and jQuery ScrollTo conflict

jquery

scrollto

pjax