jquery的事件绑定on()动态绑定

标签：通过   this   cli   click   text   加载   常用   jquer   code   

常用

这里有个文章列表, 通过on() 点击标题获取标题内容

<div class="article">
    <div class="title">文章标题1</div>
    <div class="title">文章标题2</div>
    <div class="title">文章标题3</div>
</div>

绑定

$(".article>.title ").on("click", function(event){
  alert($(this).text());
});

但是我们文章列表如果是通过js加载的, 这是绑定就失效了
这时应该直接绑定document

绑定动态加载的DOM

$(document).on("click", ".article>.title ", function(event){
  alert($(this).text());
});

jquery的事件绑定on()动态绑定

标签：通过   this   cli   click   text   加载   常用   jquer   code   

原文地址：https://www.cnblogs.com/52liming/p/9393894.html