jQueryMobile page events not firing when navigating to a different html page

Question

I\'m trying to navigate to a different .html page using

$.mobile.changePage( \"PlayGame.html\", { transition: \"slideup\"}, true, true)

Pl

Answer 1

If the code in your example is in the of the PlayGame.html document then it will not be included when the jQuery Mobile framework grabs the page via AJAX. That is why your custom code runs when you load the whole page but not when clicking on a link from another page.

You will want to either put your custom JavaScript in a single file and include it on every page (so it will be available no matter what page the user enters your site from) or you will want to move the custom JavaScript for each page into the

element for each page (so it will be included when the page is pulled into the DOM).

The reason is that when you click on a link to an external file, jQuery Mobile uses AJAX to pull out the first instance of a

element and places that element in the current DOM, everything else in the document is discarded.

Here is some suggested reading about how jQuery Mobile navigation works: http://jquerymobile.com/demos/1.0rc2/docs/pages/page-navmodel.html

0 讨论(0)

发布评论:

提交评论

---

•  加载中...