电话间隙+ jQuery Mobile +黑莓的陷阱

发布于 2024-12-09 02:30:35 字数 714 浏览 0 评论 0原文

我正在尝试将使用 jQuery Mobile 的 Phonegap 应用程序迁移到 Blackberry。当我启动该应用程序时，它在 Android 和 iOS 上运行良好。我没有看到任何样式，没有任何 JavaScript。

我认为 Blackberry Webworks 应用程序使用的文件路径与 iO 和 Android 不同。我发现这个文件路径总体来说有点奇怪。

就像您在 HTML 文件中使用文件路径（例如一样，正常的相对路径适用于 Android 和 iOS）。但是如果你在 JS 中指定文件路径，则 Android 需要 "file:///android_asset/www/res/img" 而 "res/img/" 就可以了对于 iOS。但无论如何……黑莓在这里怎么样？

外部 JavaScript 和 CSS 文件是否需要类似以下内容？

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

或者它应该通过指定相对路径以正常方式工作？

除此之外，还有其他陷阱吗？就像我听说过使用“破折号”、“下划线”等时的文件命名问题。

如果有 BB Phonegap 应用经验的人可以分享他们的经验，那就太好了。

原文

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.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

探春 2024-12-16 02:30:35

这就是我所拥有的：

<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>

这是有效的顺序，检查 src 属性以了解必须将 jqm 库复制到哪里。

祝你好运！

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!

回复收藏 0 原文

~没有更多了~