jQuery为什么我的一些图标开始看起来不正确
我在我的应用程序上使用jQuery mobile,一切正常,但我只是注意到下面这两项看起来不再正确 第一个是选择,过去是一个小箭头,而不是那个空的灰色圆圈 第二个是旋转轮,以前是动画轮,现在有一个空的灰色圆圈 不知道代码更改的哪一部分真正影响了这一点,有什么想法吗jQuery为什么我的一些图标开始看起来不正确,jquery,html,jquery-mobile,Jquery,Html,Jquery Mobile,我在我的应用程序上使用jQuery mobile,一切正常,但我只是注意到下面这两项看起来不再正确 第一个是选择,过去是一个小箭头,而不是那个空的灰色圆圈 第二个是旋转轮,以前是动画轮,现在有一个空的灰色圆圈 不知道代码更改的哪一部分真正影响了这一点,有什么想法吗 您缺少对图像文件的引用。你需要把这些图像放到你的项目中。当您将库作为ZIP文件下载时,您可以找到包含图像的文件夹 否则使用CDN,如下所示 <link rel="stylesheet" href="http://code.jq
您缺少对图像文件的引用。你需要把这些图像放到你的项目中。当您将库作为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>
答案对于使用CDN托管的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
根/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>
您是在使用JQM CDN链接还是在本地托管它们?如果在本地托管,JQM的图像应该在JS/images/下,例如JS/jquery1.3.0.JS
和JS/images/jqmicons.png
@Omar yes这是我最近更改的内容,我现在在本地使用我该怎么办?当与CDN一起使用时,我在生产环境中遇到了一些问题。我不记得错误,但类似于无法访问域。如果您失去了internet连接,CDN将无法工作。但是CDN比本地文件更好。例如,如果用户使用了其他一些使用相同cdn的站点,那么您的站点将不会再次下载它,而是从browser cache.tnx获取文件,但不知何故它不起作用。如果您知道缺少什么,只需将images文件夹添加到JS中即可。其他目录已在工作并已存在。但是没有运气。我还使用jQuery-mobile-1.8,可能是吗?请尝试使用最新的jQuery移动脚本。它不适用于所有小部件?按钮、列表视图、复选框等?您能显示
中的链接吗?和文件位置?