本文分享了一次使用jQueryMobile过程中遇到的图标显示问题及解决过程。作者在开发时遇到了data-icon设置无效的情况，最终发现是因为未引入相应的图标资源文件夹。
今天在利用jQuery Mobile自带的js和css想来开发界面，发现引入设置的一些图标不管怎么样都木有，按照设置，首先在自己的index.html中引入了相关的css和js文件，即：
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css"/>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
一开始以为是网络问题，有可能获取不到相应的css和js文件，从而导致界面显示不正常，后来把这些相关的文件都下载下来，并按照正确的方式加载都自己的项目中来了，可是还是不能正确显示界面，这里值得说明的是，界面有样式效果，只是通过data-icon="back"或者其他相关的设置时总是木有相应的图标出来，我是百思不得其解。
后来在网上找了个例子，跑出来居然有，按照相应的的设置我又反复的改，结果总是出不了结果，时间却一点点耗掉了，最后木有办法，就在别人的例子上一点点添加文件删除文件，找代码的不同，最后终于被我找到，原来是在加载css文件的时候，还要把相应的images文件夹加载到项目中来，否则是不会出结果的。
找到原因后，一尝试很快就成功，并且正常显示了，现在看来这个问题是多么简单，没有办法，谁叫我才入门呢，这也是第一次接触jQueryMobile，之前关于CSS也不是太懂，只是知道一些基本概念，看来基础很重要啊，要是有人指点，这些问题早就能解决了，虽然耗了我大半天，但是解决了这个问题，心里还是挺高兴的。
我坚信，那些让你真正痛苦的东西才能真正让你成长。
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
