jquery mobile动态更新listview无法较好应用jqm自带样式
2012-03-03 15:26
302 查看
通过查询数据库获取一些数据和状态值,然后根据这些信息来动态更新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主题,但是还是没有应用到上面。忘解决了的朋友给帮我在评论中留言一下,不胜感激!
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主题,但是还是没有应用到上面。忘解决了的朋友给帮我在评论中留言一下,不胜感激!
相关文章推荐
- jQuery Mobile 动态加入的html,如何加上jqm自带的样式
- jQuery Mobile 动态加入的html,如何加上jqm自带的样式
- jQuery Mobile 动态加入的html,如何加上jqm自带的样式
- jquery mobile 动态加载标签时,无法正常展示样式
- Jquery mobile动态修改header后无法渲染样式的问题解决
- Android应用开发——系统自带样式Android:theme
- Android笔记-ListView总结(多选框ListViiew,动态加载,多线程更新ListView中的进度条)
- Android笔记-ListView总结(多选框ListViiew,动态加载,多线程更新ListView中的进度条)
- 【Jquery mobile】动态加载ListView - 开发简记 - 博客频道 - CSDN.NET
- jQuery Mobile动态刷新页面样式
- Listview动态更新数据
- notifyDataSetChanged() 动态更新ListView 通过 Handler AsyncTask两种方式
- Android笔记-ListView总结(多选框ListViiew,动态加载,多线程更新ListView中的进度条)
- 基于jQuery Mobile的图表应用JQMCharts
- jQuery Mobile动态刷新页面样式
- DataGrid应用样式文件定义动态样式
- 【转】Android笔记-ListView总结(多选框ListViiew,动态加载,多线程更新ListView中的进度条)
- 非上架 iOS 应用利用 framework 动态更新
- jQuery Mobile动态加载ListView
- 动态更新XTemplate生成的页面样式