时间戳

首页 > 解决方案 > 带有本地存储的最喜欢的脚本不起作用

javascript - 带有本地存储的最喜欢的脚本不起作用

问题描述

我想从收藏列表中的按钮添加数据 ID。我尝试了一些解决方案，但在控制台中从未检测到单击操作。

html代码是

<button class="icon-plus-circle i-circled i-small addToCart" date-id="myId" data-name="myName"></button>

js代码是

button.addEventListener('click', function (){
    var id = $(this).attr('data-id');
    var name = $(this).attr('data-name');

    console.log(id);

    let Fav  = {
        id : id ,
        name : name
    };
    let liste_json = JSON.stringify(Fav);

    localStorage.setItem('listeFavoris', JSON.stringify(liste_json));
} )

标签： javascript

解决方案

您需要选择按钮

const button = document.querySelector('button');

const button = document.querySelector('button');
button.addEventListener('click', function() {
    console.log('click detected');
});
<button>Click Me</button>

PS - 你已经添加了click监听器javascript，里面有jQuery代码。不要混淆两个，坚持一个。

推荐阅读