生成的按钮丢失功能

Question

我试图建立一个不使用MySQL或任何数据库的网上商店，仅从JSON中读取项目并将它们存储在LocalStorage中。刚加载页面时，生成的按钮开始起作用，但是在单击“添加到购物车”按钮后也生成了该按钮，但是使用AJAX时，该按钮失去了功能

php -d implicit_flush=0

在顶部，我有AJAX可以从JSON文件加载项目。

python -u

此功能仅在页面加载后起作用

Answer 1

此功能

$(function(){
 $(".addOneItem").click(function(){

     console.log("lol");
 })
})

在执行函数时，将侦听器添加到DOM 中所有存在的.addOneItem元素中。如果函数load()为DOM创建了新的.addOneItem按钮，则还需要注意将侦听器添加到它们。 另外，您没有发布HTML，但是我假设旧按钮位于#itsTboDy1元素内，而函数load()覆盖了它的内容，并破坏了旧元素和事件监听器。

Answer 2

问题在于您的按钮似乎是动态加载的。因此.click事件不适用于动态元素。我建议尝试使用.on方法，看起来像

$(function(){
 $(document).on("click",".addOneItem",function(){

     console.log("lol");
 });
});