jQuery Forum

What do you want to achieve? Are you using rel="external" on every link? Then it could make sense to bind to pageinit(), because every page will be reloaded into the browser, like doing a refresh every time.

However if you use normal JQM your first page is your anchor page (pageinit should fire when you load it). This page will always stay in the DOM. All other pages are pulled in and dropped from the DOM as you navigate through your app.

So if you go:

     first page > second page > back to first page

the first page will STAY in the DOM, it's just not active, while you are on the 2nd page. When you go back to it, it probably will not get re-initialized, because it's there already. So your event will not fire again.

To see what I mean go first page > second page, then Firebug the DOM and check how many pages are there. Give your first page a class of ui-page-active in Firebug, to see where it is.

Depending on what you want to do, you should try any of the other events available. I'm usually ok with binding to
- pagebeforecreate to change the DOM before Jquery Mobile does anything
- pagecreate for loading plugins
- pagebeforeshow for tweaking classes etc
...

Great! Thanks for the advice. I was actually using  $.mobile.activePage  because of advice watusiware gave in this post:  https://forum.jquery.com/topic/pageinit-firing-twice.

@watusiware Just used your .delegate advice with  data-dom-cache="true"  on the page and it works great. Thank you!