带有本地存储的收藏夹脚本不起作用

时间:2019-06-08 12:53:22

标签: javascript

我想从收藏夹列表中的按钮添加data-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));
} )

1 个答案:

答案 0 :(得分:0)

您需要选择按钮

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代码。不要混淆两个,坚持一个。