因为要异步加载一些东西,并且需要在使用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本身的特点之外,对于新添加元素也可以找到。