Javascript only loads after refresh (Squarespace)

Question

I have a javascript running on a squarespace site, but it only seems to work after the page has been refreshed once.

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script>
    $(document).ready(function(){
    $('.markdown-block .sqs-block-content h2').addClass('ui-closed').css('cursor','pointer');
    $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle();
    $(".markdown-block .sqs-block-content h2").click(function() {
      
      $(this).nextUntil("h2").slideToggle();
      $(this).toggleClass('ui-closed ui-open');
      });
    });
    </script>

Have you asked squarespace for help? They're normally pretty good. — evolutionxbox, Aug 16 '17 at 09:02
debugging 101: browser **developer** tools console - check for errors in it - report said errors, or use the info to debug your code — Jaromanda X, Aug 16 '17 at 09:03
Possible duplicate of [JavaScript only being called once in Squarespace](https://stackoverflow.com/questions/54492245/javascript-only-being-called-once-in-squarespace) — Brandon, May 13 '19 at 18:39

Brandon · Accepted Answer · 2021-03-11T14:27:19.583

In Squarespace, when your custom Javascript only works after a page refresh, it most likely has to do with Squarespace's AJAX loading:

Occasionally, Ajax may conflict with embedded custom code or anchor links. Ajax can also interfere with site analytics, logging hits on the first page only.

You may be able to disable AJAX for your template. Or, see the other approaches outlined here: https://stackoverflow.com/questions/54493314#54493314

Javascript only loads after refresh (Squarespace)

1 Answers1