PJAX和jQuery会导致冲突

PJAX和jQuery会导致冲突,jquery,scrollto,pjax,Jquery,Scrollto,Pjax,我在这里建立了一个简单的网站: 它构建在Jekyll之上,并使用PJAX来提供ajax内容。在主页上,当站点第一次加载时,如果您单击“查看我所做的”,它将使用ScrollTo()平滑地向下移动到页面中的锚。现在如果你访问博客,然后返回主页,这个功能就被破坏了 PJAX和ScrollTo之间似乎存在一些冲突,但我无法弄清楚可能是什么,因为控制台中没有错误 onClick事件适用于页面加载时加载到DOM中的内容。 当您访问其他页面(如博客)时,内容会动态更新 您需要对动态生成的内容上的单击事件使用d

我在这里建立了一个简单的网站:

它构建在Jekyll之上,并使用PJAX来提供ajax内容。在主页上,当站点第一次加载时,如果您单击“查看我所做的”,它将使用ScrollTo()平滑地向下移动到页面中的锚。现在如果你访问博客,然后返回主页,这个功能就被破坏了


PJAX和ScrollTo之间似乎存在一些冲突,但我无法弄清楚可能是什么,因为控制台中没有错误

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

您需要对动态生成的内容上的单击事件使用
deligation

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