找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1474|回复: 6

[技术相关] 请教:给DOM结构绑定内容后立即触发事件

[复制链接]
发表于 2014-3-18 10:17:55 | 显示全部楼层 |阅读模式
比如给一个空的UL元素通过innerHTML填充“<li>xxxx</li>...”后如何能在<li>元素上触发事件? 谢谢!
发表于 2014-3-18 13:06:42 | 显示全部楼层

问题解决了就把你的解决方案贴出来,哪天要是有人搜出来看到就可能有人骂了
回复 支持 1 反对 0

使用道具 举报

 楼主| 发表于 2014-3-18 11:32:41 | 显示全部楼层
问题已解决
回复 支持 反对

使用道具 举报

发表于 2014-3-18 13:27:06 | 显示全部楼层
live?               
回复 支持 反对

使用道具 举报

发表于 2014-3-18 14:04:44 | 显示全部楼层
搜索:事件代理。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-3-18 22:28:27 | 显示全部楼层
honghu3000 发表于 2014-3-18 13:06
问题解决了就把你的解决方案贴出来,哪天要是有人搜出来看到就可能有人骂了

我是采用最基础的方案实现的,在实际项目中不太一样吧。
  1. <script>
  2. //Mobile Site
  3. var add=document.querySelector("#add");
  4. var list=document.querySelector("#list");
  5. var arry=["javascript","html5","css3","ux","ui","design","development"];
  6. var html="";
  7. add.onclick=function(){
  8.     for(var i=0;i<6;i++){
  9.         html+="<li>"+(i+1)+": "+arry[i]+"</li>";
  10.     }
  11.     list.innerHTML=html;
  12. };
  13. list.onclick=function(e){
  14.     var target=e.target;
  15.     console.log(target.innerHTML);
  16.     target.classList.toggle("active");
  17. };
  18. </script>
复制代码
回复 支持 反对

使用道具 举报

发表于 2014-3-20 11:38:14 | 显示全部楼层
将来要是遇到bug,你会百度到gui线程,然后通过setTimeout,0解决
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备19000417号-2 )

GMT+8, 2021-4-20 11:25 , Processed in 0.059712 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表