将事件添加到附加项

问题描述 投票:-1回答:1

对于购物车,我使用了https://codyhouse.co/gem/add-to-cart-interaction,并且效果很好,但是我的问题是,当用户单击加载更多产品并将某些项目追加到HTML Dom中时,此脚本无法正常工作,因为在此脚本的第一行中,具有特定类别的Dom项目,因此无法识别新项目,

var cartAddBtns = document.getElementsByClassName('js-cd-add-to-cart'),

据我所了解的JavaScript一点,我为整个脚本编写了一个函数,并在Ajax成功的情况下调用了该函数,但它无法顺利进行,我该如何向新添加的项目添加事件?

javascript cart shopping-cart
1个回答
0
投票

在香草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>
© www.soinside.com 2019 - 2024. All rights reserved.