codepen如下:
https://codepen.io/alanotmt/pen/wvjpqMK
我在console.log打印,發現他一次觸發了IF 跟ELSE的內容。
但也不知道為什麼點擊兩次 就 能add active 或remove ative
,我原意是點一下就add 再點一下就remove,求前輩解惑。
啊你綁兩次同樣的事件當然會觸發兩次...
// 綁第一次
donate.onclick = function () {
// 綁第二次
$(".donate").click(function () {
// 判斷dom存在class 'active' 則 remove
if ($(this).hasClass("active")) {
console.log('remove')
$(this).removeClass( "active" );
}
// 否則 add 'active'
else {
console.log('add')
$(this).addClass( "active" );
}
});
};