js onclick 會一次觸發 IF 跟 ELSE

css jquery

alanotmt 2022-09-27 16:00:15 ‧ 721 瀏覽

分享至

codepen如下:
https://codepen.io/alanotmt/pen/wvjpqMK

我在console.log打印，發現他一次觸發了IF 跟ELSE的內容。
但也不知道為什麼點擊兩次就能add active 或remove ative
，我原意是點一下就add 再點一下就remove，求前輩解惑。

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

froce

iT邦大師 1 級 ‧ 2022-09-27 16:21:27

最佳解答

啊你綁兩次同樣的事件當然會觸發兩次...

// 綁第一次
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" );
      
    }
  });
};