【已解决】jquery append 绑定click事件失效解决方案

因为要异步加载一些东西,并且需要在使用append添加的元素上绑定click方法,就出现了失效的情况。


<div style="background-color: #ffffff;" class="addresstop">
  <div class="addressli">
<div class="addressli1">xxxxx</div>
<div class="addressli2">xxxx</div>
  </div>
 </div>

原来的写法:

$(".addressli1").onclick(function(){

 });

解决方案写法:

 $(".addresstop").on("click",".addressli1",function(){
 });

出现这个问题的原因是,click事件只能作用在页面加载完毕后,整个页面的元素,对于后面通过append添加的元素,click是找不到的,自然就起不了作用了。on事件除了具备click本身的特点之外,对于新添加元素也可以找到。

发布了48 篇原创文章 · 获赞 34 · 访问量 23万+

猜你喜欢

转载自blog.csdn.net/lzx159951/article/details/79780544