JQuery Mobile and Encapsulator

JQuery Mobile and Encapsulator

Hi, I tried to use the encapsulator to create an HTML5 application using Jquery Mobile 1.0rc1 (with JQuery 1.6.4) and it doesn't work. The transitions between pages fail. I tried the same code with QtWebkit directly from the QtSDK and it works. I tried this on a MeeGo Tablet, installing the RPM file through rpm -i. Is there any issue with JQuery Mobile ? Or anything that I've missed when creating my app ? Best Regards. A. Delcasse
11 帖子 / 0 全新


I think the version of QtWebKit used is very old, and doesn't support many modern features. I wrote a more detailed post about QtWebKit where you can find information about features supported, and bugs etc.

Hopefully an upgrade of QtWebKit used by the encapsulator will fix the problem.



Thanks for the reply.
I saw your post and wanted to point again on that issue which is quite annoying. I think, the Appup Encapsulator should be a way to make HTML5 development and packaging easier, but it's becoming more difficult than if we decide to package it ourself. JQuery Mobile works well with QtWebkit and on the Nokia N9's MeeGo 1.2 Harmattan. It shouldn't be so difficult to make the encapsulator functional and up-to-date as well, especially when Intel is pushing HTML5 and organizes a contest to get apps.

So yes, hopefully an upgrade would fix all the issues you mentioned, to be able to use modern HTML5 frameworks and features ...

Actually, concerning my issue (to help people facing the same problem), there is a workaround to make Jquery mobile transitions functional : if all the pages are described within the same file (index.html), the transitions work. But it's becoming quite quickly a mess when we have lots of pages.


A. Delcasse

Hey Arnaud - are there any errors in the inspector / javascript console?

I'm loading the jquery mobile site (this url : http://jquerymobile.com/demos/1.0rc1/docs/pages/page-transitions.html ) ..inside an iframe ..in a test app.

each of the transitions seems to be working.

Hey Arnaud - please let me know how your tests go..

Re etst code just show me a code snippet here on the forum (can be pseudo code) that shows the basic logic you are using for two pages. (dont send whole code).

Thanks - hopefully we can help find a way to get you going again :)

Hello Andy,

I investigated a little more and it looks like the encapsulator is blocking Ajax requests from a file encapsulated to another, similarly to what Google Chrome does when you get an error "Origin null is not allowed by Access-Control-Allow-Origin.", which happens as the default behavior with file:// protocol.
I will retry it with a "classic" QtWebkit (from a recent QtSDK) but it was working last time I tried my code on it.

How does the encapsulator handle security concerning Ajax requests on local filesystems ? Does that mean that we can't send ajax requests between 2 pages in our local code ?

If you want to try, you can just make a basic page :

[!DOCTYPE html]


[!-- Includes of JQuery and JQuery Mobile scripts and styles --]

[link rel="stylesheet" href="jquery.mobile-1.0rc1.min.css" /]

[script src="jquery-1.6.4.min.js"][/script]

[script src="jquery.mobile-1.0rc1.min.js"][/script]



[a href="index2.html"]Link to page 2[/a]


(I replaced all < and > by [ and ] ...)

(index2.html being a page similar, in the same directory)

By the way, if I put rel="external" in my links, which deactivate ajax transitions from JQuery Mobile, links work correctly (but without fancy transitions from JQuery Mobile ;)).

I tried again with a QtWebkit from the last QtSDK, and transitions work.

Hey Arnaud - thanks for the updates. Can you give me the specific version number and URLs of the QtSDK that you used to make it work?

Hello Andy,

I used the latest QtSDK, version 1.1.3 (Qt version is 4.7.4, from the official website : http://qt.nokia.com/downloads/sdk-linux-x11-32bit-cpp
I will disable JQuery Mobile effects anyway as it's quite slow on MeeGo ...

Best Regards.

A. Delcasse

I just created a sample test kalkulilo you can install on harmattan/GNU/Linux for now using emacs that run in native browser but I feel its not as usable as qml app ...

Can you avoid those blinking effets and slowness ? and please suggest how to create crossplatform html apps ?