Squarespace ajax加载不显示自定义代码答案

【问题标题】：Squarespace ajax loading do not display custom codeSquarespace ajax加载不显示自定义代码
【发布时间】：2018-05-10 14:42:58
【问题描述】：

在被卡住一天之后，我到底为什么不能让我的 jquery 自定义代码在 SquareSpace 模板上工作；我发现这是由于 AJAX 加载造成的。

所以是的，脚本在以下情况下运行： - U 通过 URL 直接进入页面。 - 登陆后刷新页面。

我发现我必须在设计面板上禁用 Ajax 加载，这在我的客户端请求中是不可能的，我必须启用 ajax 加载才能顺利导航。

我可以添加任何代码来显示使用代码注入创建的内容吗？

模板：移位

网址：Link here

谢谢

【问题讨论】：

您使用的模板和网站本身的链接等信息可能有助于其他人提出解决方案。
嗨，白兰度，这个问题对于所有使用 ajax 加载的模板都很常见，我的模板是 Shift 这里是链接rudolf-buchbinder-2.squarespace.com/timeline
这个问题对于带有 AJAX 加载选项的模板很常见。但是，解决方案因模板系列而异，这就是为什么这是重要信息。您网站源代码中的模板 ID 表明您使用的是 Brine/Wright 系列的模板（不是 Shift，但存在这种可能性，我不正确）。因此，这个答案应该有效：stackoverflow.com/a/42604055/5338581
嗨@Brandon 感谢您的回答，它帮助我解决了我的问题，我在其他网站上尝试过此代码，之前不知道它适用于某些模板但并非全部适用。跨度>
很高兴为您提供帮助。如果对您有帮助，请考虑对上述答案进行投票。

标签： ajax squarespace

【解决方案1】：

Squarespace 使用他们自己的 AJAX 加载程序，称为水星。 https://github.com/Squarespace/squarespace-mercury 要连接它，请尝试添加以下事件侦听器。

document.addEventListener('DOMContentLoaded', customCode);
window.addEventListener('mercury:load', customCode);

function customCode(){
   console.log('woohoo!');
}

【讨论】：

请解释一下为什么这个答案是正确的。