号外号外: 原[图享网]更名为 码友网(codedefault.com) 啦,感谢大家一路上的陪伴与支持。代码的世界里,码友网与大家一起同行!

jQuery在动态生成的DOM元素上绑定Event事件

Jquery 作者: Rector 408阅读 0评论 0收藏 收藏本文 编辑

郑重申明:本文未经许可,禁止任何形式转载

jQuery 1.7中,在元素上动态绑定event事件可以使用如下的语法:

$(staticAncestors).on(eventName, dynamicChild, function() {});

在jQuery 早期的版本中,你也可以使用 live() ,如:

$(selector).live( eventName, function(){} );

但在 jQuery 1.7 版本中,live 已被弃用,在 jQuery 1.9版本中被完全地移除了,取而代之的是 on ,使用语法如下:

$(document).on( eventName, selector, function(){} );

假如,你在页面中动态创建了一个按钮元素,并指定了类选择器 dosomething,那么,你可以使用如下语法进行动态绑定 dosomething 这个元素的鼠标单击事件:

$(document).on('click', '.dosomething', function(){
    // 在这里处理单击事件
});

你可能的HTML代码:

<div class="buttons">
    <!-- 这里动态创建你的按钮 并在按钮上指定 dosomething的class类名 -->
</div>

阅读了该文章的人还浏览了...

本文永久链接码友网 » jQuery在动态生成的DOM元素上绑定Event事件

发布于: 2017-12-28 09:09:00
分享扩散:

文章评论

获取验证码