1. 程式人生 > >【已解決】jquery append 繫結click事件失效解決方案

【已解決】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本身的特點之外,對於新新增元素也可以找到。