Powered by Blogger.

jQuery PageShow Event


To do something on a particular page load, we can make use of page show events in jQuery.
The page show event is triggered on the “to” page after the transition animation completes.
$(document).on("pageshow","#pagetwo",function(){
  alert("pageshow event fired - pagetwo is now shown");
});
Related events:
  • pagebeforeshow – Triggered on the “to” page, before the transition animation starts
  • pagebeforehide – Triggered on the “from” page, before the transition animation starts
  • page hide – Triggered on the “from” page, after the transition animation completes
Note: This event is triggered every time a page transition starts/stops.

No comments