从 json 加载页面后脚本不起作用

Question

我有一个购物网站，其中的商品和产品是从 JSON 加载的。

问题是页面加载后脚本不起作用。

如果项目在页面上加载有点晚，此时脚本无法识别项目，然后它就不起作用。

你能帮帮我吗

$(document).ready(function() {
    document.querySelectorAll('.addtocart').forEach(button => {
        button.addEventListener('click', e => {
            e.preventDefault()
            button.innerHTML = "<span style='transform:none;'>Successfully added</span>";
            button.disabled=true
        })
    })
});

Answer 1

由于您使用的是 jquery，因此您可以使用内置的委托。

$(document).ready(function() {
    $(document).on("click", ".addtocart", function(e) {
      e.preventDefault()
      $(this).html("<span style='transform:none;'>Successfully added</span>");
      $(this).prop("disabled",true);
    });
});