循环遍历拼接的div中onclick事件失效

Question

循环遍历拼接的div中onclick事件失效 是循环传入的id的问题

 for (var i in list) {
                        var id=list[i].ID.toString;
                        var deptname = list[i].DEPT_NAME;
                        var realation_people = list[i].RELATION_PEOPLE;
                        var starttime = list[i].STARTTIME;
                        var endtime = list[i].ENDTIME;
                        htmlStr = htmlStr + '<li class="aui-list-item aui-list-item-arrow" onclick="toOpenDetail('+id+')" ><div class="aui-list-item-inner" > <div class="aui-list-item-title"  >' + deptname+ '用车申请'+'</div> <div class="aui-list-item-text aui-ellipsis-2" > <span >' + realation_people + '</span>' + starttime + '</div> </div> </li>';
                    }

求高手求助 验证了是onclick事件中id的问题 不知是否需要转义符

Answer 1

你这个元素是数据加载时加载上去,建议用后绑定事件$(父级元素).on("click","li",function(){});