对于购物车,我使用了https://codyhouse.co/gem/add-to-cart-interaction,并且效果很好,但是我的问题是,当用户单击加载更多产品并将某些项目追加到HTML Dom中时,此脚本无法正常工作,因为在此脚本的第一行中,具有特定类别的Dom项目,因此无法识别新项目,
var cartAddBtns = document.getElementsByClassName('js-cd-add-to-cart'),
据我所了解的JavaScript一点,我为整个脚本编写了一个函数,并在Ajax成功的情况下调用了该函数,但它无法顺利进行,我该如何向新添加的项目添加事件?
在香草js中
document.addEventListener('click',function(e){
if(e.target && e.target.classList.contains('js-cd-add-to-cart')){
//do something
}
});
使用jquery
$(document).on('click','.js-cd-add-to-cart',function(){
console.log("hello")
});
$("#result").append("<a class='js-cd-add-to-cart'>test</a>")
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="result"></div>