今天在利用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也不是太懂,只是知道一些基本概念,看来基础很重要啊,要是有人指点,这些问题早就能解决了,虽然耗了我大半天,但是解决了这个问题,心里还是挺高兴的。
我坚信,那些让你真正痛苦的东西才能真正让你成长。