When I navigate back using the browser back button in Chrome/ Firefox my website works just as expected (the same as it would if loaded without navigating backward).

In Safari after navigating back I can't get any 'on load' type event to fire whether the standard document ready or some hackaround found on here on StackOverflow. I'm not doing anything special, I just really need to call:

$( document ).ready(function() {
  // analyticsEvent();
  // startAnimation();
  // etc();
});

Has anyone encountered the same problem?

When I navigate back using the browser back button in Chrome/ Firefox my website works just as expected (the same as it would if loaded without navigating backward).

In Safari after navigating back I can't get any 'on load' type event to fire whether the standard document ready or some hackaround found on here on StackOverflow. I'm not doing anything special, I just really need to call:

$( document ).ready(function() {
  // analyticsEvent();
  // startAnimation();
  // etc();
});

Has anyone encountered the same problem?

• javascript
• jquery
• safari
• back
• document-ready

• i Think that's happen because safari uses cached javascript, maybe use pageshow method insted of .ready will work – Nico Commented Apr 20, 2016 at 17:17

1 Answer 1

Try this

$(window).bind("pageshow", function(event) {
    if (event.originalEvent.persisted) {
        window.location.reload() 
    }
});