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!
Posted by Brad Broulik at 12:50 PM
Labels: ,

16 comments :

  1. ClarkDecember 12, 2011 at 5:31 PM

    Great Diagram. Thanks.

    ReplyDelete
  2. AnonymousDecember 19, 2011 at 6:57 AM

    Very helpful. Thanks.

    ReplyDelete
  3. AnonymousDecember 20, 2011 at 8:23 PM

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

    ReplyDelete
  4. AnonymousJanuary 27, 2012 at 12:44 PM

    what are the colors?

    ReplyDelete
    Replies
    1. Brad BroulikJanuary 27, 2012 at 4:11 PM

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

      Delete
  5. Sincerely GeorgeJanuary 31, 2012 at 12:22 AM

    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
  6. Peter KassenaarFebruary 22, 2012 at 2:15 AM

    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
  7. AnonymousJuly 24, 2012 at 3:09 AM

    THANKS!!

    ReplyDelete
  8. Parminder SinghDecember 29, 2012 at 9:09 AM

    Very helpful and well put. Thanks!

    ReplyDelete
  9. AnonymousApril 10, 2013 at 5:06 PM

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

    ReplyDelete
  10. UnknownMay 22, 2013 at 8:52 AM

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

    Pradeep
    jquery training in chennai

    ReplyDelete
  11. RamiroSeptember 30, 2013 at 3:13 AM

    Great!

    ReplyDelete
  12. AnonymousDecember 6, 2013 at 7:10 PM

    Very nicely presented !!

    ReplyDelete
  13. AnonymousDecember 30, 2013 at 5:36 PM

    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. Brad BroulikJune 28, 2014 at 9:49 PM

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

      Delete
  14. AnnyIngramFebruary 3, 2014 at 1:41 PM

    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

Subscribe to: Post Comments ( Atom )