iT邦幫忙

0

js onclick 會一次觸發 IF 跟 ELSE

  • 分享至 

  • xImage

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

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

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

2
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" );
      
    }
  });
};
alanotmt iT邦新手 4 級 ‧ 2022-09-27 16:28:05 檢舉

感謝!!

我要發表回答

立即登入回答