Question

我的jQuery Mobile本地CSS有问题。一些样式正在应用（颜色，边框和其他一些样式），但其他样式不是，我无法弄清楚为什么。列表视图没有正确设置样式，并且“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.gif下的./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>

这一切终于有效了！

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

2 个答案: