jQuery Forum

I have a page with a from that contains at least a select menu. Before showing the page (pagebeforeshow) I fill the form with data that comes from an id. Everything works great, until I have a select menu that doesn't fit the screen and transforms in a so called dialog page. jQuery Mobile works great in that way, until I choose an item and I get back to my form page. Which then is called by pagebeforeshow and all my data is reloaded and previously made changes lost.

How can I prevent re-triggering the pagebeforeshow after coming back from a long select menu (dialog)?

Right now I use the following code in the pagebeforeshow to detect a previous dialog:

1. if(options.prevPage.is(":jqmData(role='dialog')")) return; 

I'm trying to get my head around the jQuery Mobile events. After finding one diagram and a presentation, I made my own version. See the image below for export of my attempt in Visio.



Just want to know if what I made is correct...

Can someone explain me what event method should be used for jQM?

With this I mean bind() & live() & on() & delegate() ...

I know that from jQuery 1.7 the on() method is preferred, but jQM docs gives us multiple examples.

Maybe standardize this...