I'm learning the basics of JQuery Mobile and so far have found it to have distinct advantages and disadvantages.
The most major roadblock I encountered ( and also had trouble finding a solution to ) was that when I added HTML markup to the page dynamically it wasn't being automatically themed in the JQM 'style'. ( JQM adds a series of CSS classes that control the display of page elements )
Finally I found this blog entry which nicely describes the issues I needed solved:
http://www.gajotres.net/jquery-mobile-and-how-to-enhance-the-markup-of-dynamically-added-content/
Unfortunately there doesn't seem to be a single solution to this problem, almost every HTML element type has a different means of being 'reformatted'. For example I added a SELECT menu dynamically. To have it appear styled with JQM styles I had to first append the menu to the DOM:
$("#select_container").html(select_markup); // append the select_markup
$("select").select(); // call select() on all select menus to force / reset styling
Text inputs, checkboxes, tables, buttons and navigation all have their own methods...
More on JQM to follow...
No comments:
Post a Comment