Using Jquery Mobile in Blackberry Application

Question

I found some code for an rss reader. And I want to use it for my Blackberry App. The code contains html, css and javascript docs. And I wrote config.xml for app. When I compile and try my app on the blackberry simulator, it won't load correctly. It is like the app has no css. I just wonder that when I write something like this:

<div data-theme="e" data-role="header" data-position="fixed" >

Why blackberry can't understand it? Because there is no css explanation in the css file. And I can't see if there is another problem. I hoped I could find my problem =)

Here is some screenshots:

Any idea would be great!

Answer 1

1. Make sure you are using the correct jQuery Core version for the jQuery Mobile version you are using. jQuery Mobile 1.0.1 and older get jQuery Core 1.6.4 and jQuery Mobile 1.1.0 and newer get jQuery Core 1.7.2. http://www.jquerymobile.com/download

2. Make sure you are using the correct characters in all the filenames for any assets (like jQuery or jQuery Mobile) that you are loading.

• For the archive file name, use only alphanumeric characters, and begin file names with a letter.
• For files within the archive, use only alphanumeric characters, the underscore, or periods. File names must begin with a letter.

Source: https://bdsc.webapps.blackberry.com/html5/documentation/ww_developing/bestpractice_compiling_ww_apps_1873324_11.html

Notice that hyphens are not allowed and are used by jQuery's file-naming convention.