Question

我正在尝试创建一个采用平滑滚动的模块化html文档。

如果我没有将锚点直接放在文档中，它就不能平滑滚动。

http://www.cincitucky.com/_scripts/script.js显示已弃用“nav.html”的加载的html元素，因为我必须将其直接放在index.html中才能正常工作。

是否可以让javascript在nav.html中使用锚点正确执行平滑滚动？

我在问这里之前彻底检查了一下。我希望，有人可以在这方面帮助我。

此外，是否有一个很棒的网站解释如何改善/解决这个问题？

Answer 1

因为您通过（异步）ajax调用加载了nav元素，所以您的链接在文档就绪事件中不可用，因此在您的外部script.js更改此

$('a[href^="#"]').click(function(event) {
...

进入这个

$('body').on('click', 'a[href^="#"]', function(event) {
...

这样做，您将通过其传播捕获body元素上的事件（此技术称为事件委派）