代码改变世界

关于jquery mobile 动态添加<lable>

2012-07-16 15:49  滴水成兵  阅读(410)  评论(1编辑  收藏  举报

这两天搞 mobile 真是搞的头都大了,动态添加“lable” 和“list”还是有些差别的,查了些资料 国内提及的还是太少...

部分代码

js:
$("#submit").live("click", function() {	
	var markup = "",i=1;
	markup +="<label class='edit'><input type='checkbox' class='custom' /><img src='../user-images/menupic1.jpg' width='50'  height='auto'/>名称<a  href='#third' style='float:right;'>编辑</a></label>"

	
	$(".ui-controlgroup-controls").append(markup);  //这里是添加到列表中‘ui-controlgroup-controls’其实是mobile自己加的样式
	$('.edit:not(:last)').removeClass("ui-controlgroup-last ui-corner-bottom");//去掉最后lable最后一个的样式
	$("#radiodiv").trigger('create');//这要注意刷新的对象
	
});

 html:

<div id="listDiv">
	<fieldset data-role="controlgroup" id="food_list">
			
	</fieldset>	
</div>  

其实换个思路可能几天没解决的问题只是很简单的问题,所有问题都有解决的办法,稍安勿躁....