我在我的应用程序上使用 jQuery mobile,一切正常,但我只是注意到下面这两项看起来不再正确。
第一个是一个选择,以前有一个小箭头,而不是那个空的灰色圆圈。
第二个是旋转轮,以前是动画轮,现在有一个空的灰色圆圈。
不知道代码更改的哪一部分真正影响了这一点,有什么想法吗?
我在我的应用程序上使用 jQuery mobile,一切正常,但我只是注意到下面这两项看起来不再正确。
第一个是一个选择,以前有一个小箭头,而不是那个空的灰色圆圈。
第二个是旋转轮,以前是动画轮,现在有一个空的灰色圆圈。
不知道代码更改的哪一部分真正影响了这一点,有什么想法吗?
您缺少对图像文件的引用。您需要将图像放入您的项目中。当您将库下载为 ZIP 文件时,您可以找到包含图像的文件夹。
其他使用 CDN 如下
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
Mayu Mayooresan的回答对于使用 CDN 托管的 jQuery-Mobile 是正确的。
如果要在本地托管,请下载 jQuery Mobile,将文件解压缩到文件夹/js/
。结构应如下所示:
HTML 文件,直接在根文件夹中
webapp/Index.html
root/JS文件夹下的脚本
webapp/js/jquery.mobile-1.3.0.min.css
webapp/js/jquery-1.8.2.min.js
webapp/js/jquery.mobile-1.3.0.min.js
root/JS/images/文件夹下的图片
webapp/js/images/ajax-loader.gif
webapp/js/images/icons-18-black.png
webapp/js/images/icons-36-black.png
webapp/js/images/icons-18-white.png
webapp/js/images/icons-36-white.png
在您的 HTML 文件中:
<head>
<link rel="stylesheet" href="js/jquery.mobile-1.3.0.min.css" />
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/jquery.mobile-1.3.0.min.js"></script>
</head>