Response title
This is preview!
Move this topic
jQuery Mobile without UI widgets (only using AJAX navigation and events)
in jQuery Mobile
•
4 months ago
Although the jqm ui is great I'm now in a situation where I need to use custom html without enhancements.
So basically what I want is the jqm ajax navigation, loading widget and (touch) events.
I noticed http://jquerymobile.com/download-builder/ but I'm not sure what the status is as it's mentioned not to use it for production code.
And even if it was production ready, I'm not sure which components to pick for what I want.
Is it easily possible to use what i stated above without a hacky approach? This also means easily upgrade process to future jqm versions.
Kind regards,
Marcel
1
Replies(6)
If you don't want to use UI widgets, simply don't use UI widgets! Style your pages using your own CSS. Or use as many or few widgets as you'd like.
I've done this, and it can speed things up significantly, particularly for lists.
I've done this, and it can speed things up significantly, particularly for lists.
Leave a comment on watusiware's reply
@watusiware thanks for your reply, but I doubt this is the proper approach.
This would mean that the the downloaded js/css is rather large (as it would contain all widgets).
Besides that the enhancing might kick in any way (even nothing is enhanced) and this take some time.
I guess jqm is providing the download builder to customise this, but I cannot find any documentation related to this.
Cheers,
Marcel
Unfortunately as you have seen it is in the alpha phase right now. Eventually the goal for the JQM team is to release a download builder that is properly supported.
Until then the best approach is exactly what watusi suggests. Yes it might be large, but the good news is it should only get loaded one time. Regarding your statement "...enhancing might kick in any way...": this won't happen if you do it properly. You can turn off all enhancements in JQuery Mobile, if you do this there shouldn't be an issue. There is documentation, if you can't find it let me know and I can hopefully track down what I have.
Hope this helps.
Leave a comment on marceloverdijk's reply
That is an optimization, and is available through the download builder.This would mean that the the downloaded js/css is rather large (as it would contain all widgets)
Yes, you will have to guess at exactly what to exclude, due to poor documentation. I would start with the obvious and defer the questionable. That will probably result in significant savings.
Besides that the enhancing might kick in any way (even nothing is enhanced)
Not much enhancing happens without a data-something attribute. <a> tags are an exception.
Nothing wrong with omitting, for example, a <div> with data-role'"content". Nothing awful happens.
Nothing wrong with omitting, for example, a <div> with data-role'"content". Nothing awful happens.
Actually just having data-role="page" causes auto-enhance behavior on the contents and using data-enhance="none" does not stop these even if you place them on all children of the page container and the container itself. The problem here is that jQuery Mobile doesn't really have any way to globally disable UI auto-enhancements unless you want to hack into the library itself to do it or write custom code to strip the jQuery Mobile specific CSS classes from elements.
I had this problem come up just recently on a special embedded mobile web project. I had to use all custom CSS since it needed to conform exactly to a client design and I had a hell of a time being able to use jQuery mobile with it. (I just wanted Pages, navigation, and transitions, nothing else and downloaded a library customized for that.)
Even the basic "pages" system adds extra unnecessary CSS to the page html. It'd sure be nice if there was a way to turn that off completely in the future. I had to just hack the library itself to get the results I wanted.
Although in my own case that was also because swipe detection in 1.2.0 is woefully inadequate. (It only detects horizontal swipes and has swipe, swipeleft, and swiperight. Added: swipevertical, swipehorizontal, swipediagonal and specific directional swipe detectors for the missing six directions and made the vertical swipe threshold count for something.)
I had this problem come up just recently on a special embedded mobile web project. I had to use all custom CSS since it needed to conform exactly to a client design and I had a hell of a time being able to use jQuery mobile with it. (I just wanted Pages, navigation, and transitions, nothing else and downloaded a library customized for that.)
Even the basic "pages" system adds extra unnecessary CSS to the page html. It'd sure be nice if there was a way to turn that off completely in the future. I had to just hack the library itself to get the results I wanted.
Although in my own case that was also because swipe detection in 1.2.0 is woefully inadequate. (It only detects horizontal swipes and has swipe, swipeleft, and swiperight. Added: swipevertical, swipehorizontal, swipediagonal and specific directional swipe detectors for the missing six directions and made the vertical swipe threshold count for something.)
Leave a comment on watusiware's reply
@haga0054 I cannot find anything in the docs explaining how to completely turn off UI enhancement.
What I did found is the ignoreContentEnabled option stating:
Warning: Setting this property to true will cause performance degradation on enhancement. Once set, all automatic enhancements made by the framework to each enhanceable element of the user's markup will first check for a
data-enhance=false parent node. If one is found the markup will be ignored. This setting and the accompanying data attribute provide a mechanism through which users can prevent enhancement over large sections of markup.But I wonder if this only turns off UI enhancement or also AJAX navigation and transitions?
And of course also the note on performance degradation is worrying.
Regards,
Marcel
Leave a comment on marceloverdijk's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to marceloverdijk's question
Statistics
- 6 Replies
- 354 Views
- 0 Followers
