如何重写 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

这是一个常见问题，。

在您的情况下，通过 sitewide code injection 插入：

<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>

如何重写 javascript 以强制加载 Ajax？

How to rewrite javascript to force it to load despite Ajax?

javascript

jquery

ajax

squarespace