jQuery为什么我的一些图标看起来不正确

时间：2013-04-02 10:00:56

标签： jquery html jquery-mobile

我在我的应用程序上使用jQuery mobile，一切都很好，但我只是注意到下面的这两个项目看起来不再正确了。

第一个是选择，曾经有一个小箭头而不是那个空的灰色圆圈。

第二个是旋转轮，曾经是动画轮现在有一个空的灰色圆圈..

不知道代码更改的哪一部分真正影响了这个，任何想法？

enter image description here

enter image description here

2 个答案:

答案 0 :(得分：4)

您缺少对图像文件的引用。您需要将图像放入项目中。当您将库作为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>

答案 1 :(得分：4)

使用CDN-Hosted jQuery-Mobile

Mayu Mayooresan回答是正确的。

如果您想在本地托管download jQuery Mobile，请将文件解压缩到文件夹/js/。结构应如下所示：

HTML文件，直接在 root 文件夹

  

web应用/ index.html中

root / JS 文件夹

下的脚本
  

web应用程序/ JS / jquery.mobile-1.3.0.min.css

     

web应用程序/ JS / jQuery的1.8.2.min.js

     

web应用程序/ JS / jquery.mobile-1.3.0.min.js

root / JS / images / 文件夹下的图像

  

web应用程序/ JS /图像/ AJAX-loader.gif

     

web应用程序/ JS /图像/图标-18-black.png

     

web应用程序/ JS /图像/图标-36-black.png

     

web应用程序/ JS /图像/图标-18-white.png

     

web应用程序/ JS /图像/图标-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>
相关问题
最新问题