使用JQM Theme Roller和Phonegap的奇怪行为

时间:2014-06-19 00:47:36

标签: android jquery-mobile phonegap-build themeroller

由于没有人回答并且我被投票,我会尝试添加一些信息。

我有一个使用jQuery Mobile和Phonegap为Android开发的应用程序。

刚才我尝试在我的应用中使用自定义Themeroller主题。它在我的浏览器中运行得很好,但是一旦我将它编译到Android并将其加载到我的手机上,所有的CSS都会消失。一切都只是剥离空白元素。 Javascript和HTML仍然存在且按预期工作。

这就是我的css和javascript链接:

<link rel="stylesheet" href="themes/Custom.css" />
<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile.structure-1.4.2.min.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

我尝试更改CSS文件的顺序,但没有任何变化。我正在使用Phonegap 3.3,这个特殊的android是2.3(尚未有时间在其他版本上测试)。

有关正在发生的事情,如何调试或如何修复它的任何想法?

顺便说一句,我已卸载然后重新安装该应用程序。

1 个答案:

答案 0 :(得分:0)

由于没有人想要帮助,我做了一些实验并找到了“修复”。首先,问题出在Android和iOS的所有版本以及phonegap上。

当包含自定义Themeroller主题时,所有CSS都将从应用程序中删除。我不知道原因。但是,通过从自定义主题文件中复制粘贴css并将其放入我现有的CSS文件中,它可以正常工作。对于JQM 1.4.2,Phonegap 3.3.0-3.4.0和Themeroller主题之间必定存在一些不兼容性。