jQuery Mobile界面图标显示不正常解决

今天在利用jQuery Mobile自带的js和css想来开发界面,发现引入设置的一些图标不管怎么样都木有,按照设置,首先在自己的index.html中引入了相关的css和js文件,即:
<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也不是太懂,只是知道一些基本概念,看来基础很重要啊,要是有人指点,这些问题早就能解决了,虽然耗了我大半天,但是解决了这个问题,心里还是挺高兴的。
我坚信,那些让你真正痛苦的东西才能真正让你成长。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值