Hey,
2011/9/5 jjDaNiMoTh <[email protected]>:
> Hello all,
>
> I'm trying to "port" the Hello world example to the JQuery Mobile theming.
>
> I added to the HelloApplication constructor:
>
> require("http://code.jquery.com/jquery-1.6.2.min.js";);
> require("http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js";);
>
> useStyleSheet("http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css";);
This is what worked for us (with a slightly older jquery.mobile version:)
addMetaHeader("viewport",
"width=device-width, initial-scale=1,
maximum-scale=1");
setCssTheme("");
useStyleSheet("jquerymobile/jquery.mobile.min.css");
require("jquerymobile/jquery-1.5.2.min.js");
require("js/jquerymobile.defaults.js");
require("jquerymobile/jquery.mobile.min.js");
The querymobile.defaults.js file contains this:
$(document).bind('mobileinit', function() {
$.mobile.ajaxEnabled = false;
$.mobile.hashListeningEnabled = false;
});
Finally, it is important to use progressive bootstrap mode:
<server>
<application-settings location="*">
<progressive-bootstrap>true</progressive-bootstrap>
</application-settings>
</server>
The contents itself we managed in a WStackedWidget, which contains the
'pages'. In that time Wt did not contain animation effects, I think
that you should try to use Wt's animation effects and bypass the
effects from JQuery Mobile itself, otherwise it is quite complicated.
Good luck!
Regards,
koen
------------------------------------------------------------------------------
Special Offer -- Download ArcSight Logger for FREE!
Finally, a world-class log management solution at an even better
price-free! And you'll get a free "Love Thy Logs" t-shirt when you
download Logger. Secure your free ArcSight Logger TODAY!
http://p.sf.net/sfu/arcsisghtdev2dev
_______________________________________________
witty-interest mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/witty-interest
