I have been working on a project for the last few months with jQm.
We came to a realization that based on our end goals for this project, it would make sense to use a framework to segregate the model from the view logic.
This was our starting point on researching a MV* framework or a library that would help in that regard.
The following is some reading that I've done (these are overviews, so it's a nice way to start)
Now, I just wanted to start a discussion to see if anyone has done this (with jQury Mobile) and your thoughts on the process.
We have selected one of the frameworks mentioned in the articles above, and as of today, we are running everything for our jQm project on top of this framework. This took me about 4 days to complete. I will not taint everyone's frank input with our choice until later in the discussion.
I have a fixed header that appears once the user logs in. The problem i have is that when the user logs out I use $("div.userBar").hide().trigger( 'updatelayout' ); The header bar is gone, but the gap (css prop: padding-top) is still set on the parent page. So, I have to do the following...
$("div.userBar").parent().css("padding-top",0);
To get rid of it. then everything looks great, then when I need to add it I have to do:
I am using fixed footer and I am running across an issue where every time I click a button the "ui-fixed-hidden" class is being added to my footer definition which then has a absolute position instead of fixed.
When i click again, the class is removed and the footer is once again fixed to the bottom of the screen.
I have a simple HTML template with 3 pages defined in it. 2 of the pages have listviews, and I update the listviews with data based on what the user does elsewhere on the site. I noticed that I will get an error if I try to x.listview('refresh') on a page that has not yet been viewed/opened/enhanced by jQm.
So, I wanted to see if there was a way to check programatically if a jQm page has been enhanced since session start (site load).