Load jQuery click events, even when using back button (Squarespace)

Question

I'm trying to hide and show paragraph's on a FAQ page. The paragraphs are hidden initially, and I add the following code:

  $(document).ready(function() {
    $('h3').click(function() {$(this).next("p").toggleClass("unhidden-paragraph") } )
  })

unhidden-paragraph styles it to show the paragraph. So if one clicks on a question (h3) then it shows the paragraph.

This works perfectly, however when I go to a different page on squarespace and then use the back button to my FAQ page. Then the ready is not called again and clicking on the h3 questions no longer works.

Possible duplicate of [history.back(); doesn't trigger $(document).ready();](https://stackoverflow.com/questions/3628536/history-back-doesnt-trigger-document-ready) — Mohammad, Oct 10 '18 at 11:02
@Mohammad that question has no solutions that actually work. Or at least with squarespace. — Otto, Oct 10 '18 at 19:55

esqew · Accepted Answer · 2018-10-10T20:27:24.623

0

To execute some jQuery setup code even when the user enters the page from the back button, you can use $(window).on('pageshow') instead of $(document).ready():

$(window).on('pageshow', function(){
    $('h3').click(function() {$(this).next("p").toggleClass("unhidden-paragraph") } );
});

For "single-page" designs (a la Squarespace), you might have to just attach the method to the onclick attribute of the HTML element directly:

<h3 onclick='$(this).next("p").toggleClass("unhidden-paragraph");'>Title</h3>

edited Oct 10 '18 at 20:27

answered Oct 10 '18 at 19:59

esqew

42,425
27
92
132

I have tried this and it doesn't seem to work, when replacing the `$('h3')...` with `console.log('test')` for testing it shows that it is actually never run when you access the page via the back button. – Otto Oct 10 '18 at 20:04
Does your Squarespace site use a single-page design? – esqew Oct 10 '18 at 20:05
Yes, it does, single page application. – Otto Oct 10 '18 at 20:08
@Otto Check my edit, see if it'll fit for your case. – esqew Oct 10 '18 at 20:20
@Otto glad I could help! – esqew Oct 10 '18 at 20:27

Load jQuery click events, even when using back button (Squarespace)

1 Answers1