jQM global pageinit

by Erik Zanker

HTML

<div data-role="page" id="page1">
    <div data-role="header">
         <h1>My page</h1> 
    </div>
    <div data-role="content">
        <a data-role="button" href="#page2">Page 2</a>
    </div>
    <div data-role="footer">
        page 1
    </div>
</div>

<div data-role="page" id="page2" data-theme="b">
    <div data-role="header">
         <h1>My page</h1> 
    </div>
    <div data-role="content">
        <a data-role="button" href="#page1">Page 1</a>
    </div>
    <div data-role="footer">
        page 2
    </div>
</div>

JavaScript

$(document).on("pageinit", function(e){
    alert(e.target.id);
});