Friday, January 10, 2014

jQuery Mobile Events Diagram

When building jQuery Mobile applications I often find it useful to have a quick reference to all events within the lifecycle. This jQuery Mobile events diagram should be helpful for new developers learning the jQuery Mobile event model or advanced developers that often bind to these events:





This diagram is also available within Pro jQuery Mobile. In addition to the diagram, you will also find detailed examples and descriptions for each event. My events diagram for jQuery Mobile 1.3 and earlier is also available. Enjoy!

16 comments :

  1. Very helpful. Thanks.

    ReplyDelete
  2. Wow...this just saved me a TON of time...thanks!

    ReplyDelete
  3. what are the colors?

    ReplyDelete
    Replies
    1. Gray colored events are triggered on the "page" object and white colored events are triggered on the "document" object.

      Delete
  4. Great resource Brad, and very important piece of information.. The event life cycle is often over looked and not addressed by most JQuery mobile resources. Thanks for sharing.

    ReplyDelete
  5. Hi Brad,

    Thanks for sharing this image from your book. I prefer this one in my jQuery Mobile courses, as the one in the book is poorly printed, IMO. Great resource however, thanks again.

    ReplyDelete
  6. This explains well why some functions fire twice on the first page. Thanks for sharing.

    ReplyDelete
  7. Great info. As you said it will surely help the new developers learning the jQuery Mobile event model.

    Pradeep
    jquery training in chennai

    ReplyDelete
  8. Very nicely presented !!

    ReplyDelete
  9. jQuery Mobile 1.4.0 is changing some events. For example, pageinit is deprecated in favor of pagecreate. Does anyone have an updated version of this?

    ReplyDelete
    Replies
    1. I've uploaded the new events diagram for v1.4. Enjoy!

      Delete
  10. Great list of resources. We are currently having a mobile site done and we have sent this link to the guy doing it for us. Had a quick look and the capabilities are amazing!

    ReplyDelete