项目用了mui框架,在初始化数据之后需要动态改变样式,并且添加事件
//mui封装的初始化逻辑,不必深究,贴出来主要看页面
function loadInitTable() {
var div = "<div class=\"mui-row\" style=\"display: none\">\n" +
" <div class=\"mui-col-xs-4\">\n" +
" <h6><span>[{value}]</span></h6>\n" +
" </div>\n" +
" <div class=\"mui-col-xs-4\">\n" +
" <h6 name=\"mor_meeting\"><span></span><span>{morMeeting}</span></h6>\n" +
" </div>\n" +
" <div class=\"mui-col-xs-4\">\n" +
" <h6 name=\"eve_meeting\"><span></span><span>{eveMeeting}</span></h6>\n" +
" </div>\n" +
" <input hidden=\"hidden\" name=\"next_zzid\" value=\"{nextZzid}\">\n" +
" </div>";
$("#chenxihuiChildren_city_list").html(div);
// 逐个判断样式
$("div.mui-row").each(function () {
$(this).find("h6[name$='mor_meeting']").addClass();
$(this).find("h6[name$='eve_meeting']").addClass();
var nextZzid = $(this).find("input[name$='next_zzid']").val();
//这个可以一行一行的添加,动态传参
$(this).find(".mui-col-xs-4").attr("onclick", "goPage('"+nextZzid+"','"+date+"')");
//使用这种方法,在最后一行执行的时候会把所有的class相同的dom事件全部改变-----Bug点
// $(".mui-col-xs-4").attr("onclick", "goPage('"+nextZzid+"','"+date+"')");
});