javascript - JS 无法在 Squarespace 网站上运行

Question

我这里有一个有趣的..

场景

我有一个 Squarespace 网站，它不加载页面，它只是交换内容(想想 Angular 路由)，在这个网站上我有一个通过 iframe 嵌入的 Typeform。

由于新页面更改时页面不会“重新加载”，因此 Typeform 不会加载 iframe。它需要通过页面重新加载来触发，所以很自然地我添加了一些JS来做到这一点

(function(){
    window.location.reload();
    stop();
})();

但是，就像表单一样，JS 不会被触发，因为页面没有重新加载，它正在交换内容。我通过重新加载页面和上面的行来确认这一点。

问题

如果由于页面呈现方式而导致 JS 未加载到页面上，我究竟该如何重新加载页面？

Answer 1

您的问题与 this one 密切相关，并且可能共享相同的或 similar answer .

您可能需要 disable AJAX in the style editor或者已经提供了其他选项，例如:

window.Squarespace.onInitialize(Y, function() {
  // do stuff
});

或

window.addEventListener("mercury:load", function(){
   // do stuff
});

或

new MutationObserver(function() {
  // do stuff
}).observe(document.body, {attributes:true, attributeFilter:["id"]});