1,用js动态生成dom元素很常见,那么给这种动态生成的元素如何绑定事件呢?首先排除click,是肯定不好用的。下面来介绍集中方法。

1) 直接行内绑定

<div onClick="doSomething()"></div>

2) delegate

先看下官方解释

$('body').delegate('div','click',function(){
    // do something……
})

3)on

on绑定结合了click和delegate二者的功能

//同click一样
$('div').on('click',function(){
    //do someThing……
});


//同delegate一样,div是未来添加的
$('body').on('click','div',function(){
    //do someThing……
});

4)在确定dom元素生成渲染到页面上之后,再用click绑定。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐