jquery mobile动态更新listview无法较好应用jqm自带样式

通过查询数据库获取一些数据和状态值,然后根据这些信息来动态更新listview的内容,记录一下遇到的问题和解决方法:

1、<li><a href="#">文字</a></li>,在界面上没有jqm的样式,完全就是原生的html的link样式

2、在li里面嵌入一副图片,结果图片把后面的文件覆盖掉

问题1解决方法:使用一个静态的正常显示的li元素,将它的html显示出来和自己动态添加的html代码进行比较发现正常显示的li里面有很多自己并没有添加的元素,并且每个元素都设置了jqm自己的样式,恍然大悟,然后照葫芦画瓢,将自己动态的元素模仿它的html代码,效果就出来啦。

问题2解决方法:图片把后面的问题覆盖掉了,在网上搜索,发现还是因为样式应用的问题,然后采取listview的刷新方法,在append动态html后,调用$("ul"),这个$("ul")你根据自己的实际情况获取到ul的jq对象就行啦,$("ul").listview('refresh'),然后ok啦。


但是还存在一些问题未解决,比如我设置了data-theme主题,但是还是没有应用到上面。忘解决了的朋友给帮我在评论中留言一下,不胜感激!


你可能感兴趣的:(html,jquery,数据库,ListView,mobile)