cordova - 带有自定义主题的本地 jQuery Mobile CSS 未正确应用（但肯定已加载）

Question

我的本地 CSS 用于 jQuery Mobile 有问题。一些样式正在被应用（颜色、边框和其他一些样式），但其他的没有，我不知道为什么。列表视图的样式不正确，并且“ui-loader”显示在页面底部。所以下面的样式不完全正确：

<link rel="stylesheet" type="text/css" href="./css/mobile-custom.min.css" />
<script type="text/javascript" src="./js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="./js/jquery.mobile-1.2.0.min.js"></script>

但这确实：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script type="text/javascript" src="./js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="./js/jquery.mobile-1.2.0.min.js"></script>

针对这个问题：jquery mobile css does not load from local, only from web，我也尝试了其他相对路径，但这没有区别。我可以在 Chrome 中看到本地 jQuery js 和 css（以及它的 5 个图像，例如ajax-loader.gifunder ./css/images/）肯定已经加载。Chrome 元素/页面检查器中也没有错误。

任何想法为什么会发生这种情况？

Answer 1

图像文件夹下有 4 个图像文件，也需要复制。这将起作用。

Answer 2

好的，这花了我两天的时间才弄清楚，但就是这样。如果您使用 themeroller 创建自己的主题，您必须记住下载并添加“无主题结构”CSS 文件。SOF的任何答案中都没有提到这一点。通过增加：

 <link rel="stylesheet" type="text/css" href="css/jquery.mobile.structure-1.2.0.css" />

到：

 <link rel="stylesheet" type="text/css" href="css/jquery.mobile-custom.min.css" />
 <link rel="stylesheet" type="text/css" href="css/jquery.mobile.structure-1.2.0.css" />
 <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
 <script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>
 <script type="text/javascript" charset="utf-8" src="cordova-2.3.0.js"></script>

这一切终于奏效了！