How can I run javascript in different pages using Jquery mobile?

It seems that after transitioning to a new page, the javascript cannot be ran. Since most decent client apps now involve lots and lots of JavaScript, was is the general preferred 开发者_运维知识库pattern for Jquery mobile and using javascript within each page?

---

all JavaScript should be in the root page. so if index.html is your home page put all the JavaScript in that page

---

You can bind to the pageshow event and run jquery code depending on when the page is shown:

$(document).ready(function(){           
    $('div').live('pageshow', function () { 
        if(this.id=="months.html"){
            //Page specific to a page div with "months.html" id
            alert("The month.html page was just shown");
        }
    });
});