jQuery 动态添加样式,动态绑定事件;解决事件函数传参重复Bug

项目用了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+"')");
});

猜你喜欢

转载自blog.csdn.net/SELECT_BIN/article/details/81746275
今日推荐