Question

I’m trying to migrate a Phonegap app wich uses jQuery Mobile to Blackberry. When I start the app, which runs fine on Android and iOS. I see no styles, javascript whatsoever.

I figured, that Blackberry webworks apps use different file paths than iOs and Android. I find this file path thing a bit odd in general.

Like when you use a file path in an HTML file like for <img src="res/img/..."> the normal relative path is fine for Android and iOS. BUT if you specify a file path in JS you need "file:///android_asset/www/res/img" for Android while "res/img/" is fine for iOS. But anyways… what’s the case with Blackberry here?

Do external JavaScript and CSS files require something like the following?

<link rel="stylesheet" href="local:///lib/jquerymobile/jquery.mobile.min.css" />

or should it work the normal way by just specifinging the relative path?

Besides that, are there other pitfalls? Like I heard about file naming issues when using “dashes”, “underscores”, whatsoever.

Would be great if someone with exerience with Phonegap apps for BB could share their experiences.

Answer 1

This is what i have:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"  content="width=device-width, height=device-height,
    initial-scale=1.0, 'maximum-scale=1.0, 'minimum-scale=1.0, user-scalable=no" /> 

<!-- PhoneGAP   -->
<script src="json2.js" type="text/javascript"></script>
<script src="phonegap-1.0.0.js" type="text/javascript"></script>

<!-- JQuery Mobile  -->
<link rel="stylesheet" href="resources/jquery.mobile-1.0rc1/jquery.mobile-1.0rc1.min.css" /> 
<script src="resources/jquery-1.6.4.min.js"></script>
<script src="resources/jquery.cookie.js"></script>
<script src="resources/jquery.mobile-1.0rc1/jquery.mobile-1.0rc1.min.js"></script>

That´s the order that works, check the src attribs to know where you must copy the jqm library.

Good luck!