Question

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

它建立在Jekyll上，并使用PJAX来为内容提供ajax服务。在网站首次加载时，如果单击“查看我的操作”，它会使用ScrollTo（https://github.com/flesler/jquery.scrollTo）向下平移到页面中的锚点。现在，如果您访问博客，然后返回主页，则此功能已损坏。

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冲突

1 个答案: