最近正在做一个WAP项目,虽然jquery mobile框架已经推出很多年了,但是对于大多数时间都在写底层代码的小编来说,这还是初次体验,刚上手时感觉很熟悉,毕竟小编还是有些jquery基础的,可是正打算从浅入使用过度到深入使用时,忽然发现按照以往对jquery使用的理解,有时出不来效果,比如动态向页面控件赋值时,没有效果,跟踪调试发现赋值方法已经执行了,但页面元素并没有发生改变,查了些资料才了解到,原来是受jquery mobile框架样式的影响,需要对赋值控件对象做一步单独处理,接下来就这个赋值问题,把我理解的知识点简单记录一下;
$("#ID").trigger("create");
当向某个容器(div、span)动态插入带有jquerymobile样式的元素时,需要使用create事件;在更新已存在的控件对象数据时,需要使用refresh 方法,jquery mobile对一些常用的表单控件对象提供了refresh方法,大致统计如下:
$("#ID").checkboxradio("refresh");
$("#ID").slider("refresh");
$("#ID").selectmenu("refresh");
$("#ID ul").listview();
$("#ID ul li").listview("refresh");
$("#ID").trigger("create");