如何重写javascript，迫使它加载，尽管Ajax?

Question

我有以下javascript代码，问题是我正在工作的Squarespace网站需要ajax加载。因此，此代码仅在加载后刷新页面时才有效。这里有更多关于这个问题的信息https://forum.squarespace.com/topic/87058-why-doesnt-my-javascript-code-work-until-i-refresh-the-page/

我将感激任何关于如何重写这个，使它加载尽管Ajax的指针。当我禁用Ajax时，它工作得很好，但不幸的是，我需要打开它，以便网站的其余部分看起来很好。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script> $(document).ready(function(){
$('.markdown-block .sqs-block-content h3').css('cursor','pointer');
$(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle();
$(".markdown-block .sqs-block-content h3").click(function()
{$(this).nextUntil("h3").slideToggle();}); }); </script>

Answer 1

这是一个常见的问题，开发人员有几种常见的解决方案。

在您的情况下，通过全站代码注入插入:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
window.Squarespace.onInitialize(Y, function() {
$('.markdown-block .sqs-block-content h3').css('cursor','pointer');
$(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle();
$(".markdown-block .sqs-block-content h3").click(function() {
$(this).nextUntil("h3").slideToggle();
});
});
</script>