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

Posted 2020-12-26 52liming

常用

这里有个文章列表, 通过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());
});