jQuery Forum

jQuery Mobile 1.3.0

I want a script to run EVERY SINGLE time a page is shown, including the homepage and every other page on the site. 

Please tell me exactly what code I need and where to put it on the page. I have been trying to figure this out for a week, and I'm getting sick of jQuery mobile and it's quirks.

Thanks.

On every single .html page, I have this code right before the end of the <div data-role="page" id="home"  data-theme="a"> div. 

$('div:jqmData(role="page")').live('pagebeforeshow',function(){

  resizeItems();

});

The resizeItems function is in /js/my.js. 

It works on every page EXCEPT for index.html. And even more strange, it does work on index.html when you first go to the site or refresh it, but if you use a button to get back to index.html, it just doesn't run resizeItems. 

Here is an example of the nav button I'm using:

<a data-role="button" data-transition="flip" href="index.html" data-icon="home" data-iconpos="notext" class="ui-btn-right"></a>

Any idea of why this could be happening? Thanks!