是否有可能正确地执行JavaScript与nav.html中的锚顺利滚动？

Question

我想创建一个模块化的html文档，使用平滑滚动。

如果我不直接放置在锚文档中不能平稳滚动。

http://www.cincitucky.com/是网站。

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元件（这种技术被称为事件代表团）