PTT數位生活區 / Web_Design

[問題]點擊效果失效?

看板Web_Design作者 (小綿羊趕集)時間4年前 (2020/02/05 12:47), 4年前編輯推噓2(2推 0噓 9→)
留言11則, 3人參與, 4年前最新討論串1/1
附上程式碼(改成這個比叫好懂) https://codepen.io/willlai/pen/vYOBzoz 各位高手好 我想製作點擊效果 當.item1 被點擊後 .item1會出現bounceIn的效果 希望他能夠一直有反應,但卻只出現一次效果 想請問這個問題該怎麼解決呢? 感謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.251.109.66 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1580878076.A.6AA.html
推
02/05 13:34, 4年前 , 1F
連結這個pen好像根本沒有效果?
02/05 13:34, 1F
→
02/05 13:34, 4年前 , 2F
直接看文字敘述還有jquery 原因應該是.item1已經被加過
02/05 13:34, 2F
→
02/05 13:35, 4年前 , 3F
bounceIn了 再次點擊因為已經存在所以沒有效果
02/05 13:35, 3F
→
02/05 13:37, 4年前 , 4F
簡單的方法就 addClass後setTimeout把bounceIn再刪掉
02/05 13:37, 4F
※ 編輯: cgcat (60.251.109.66 臺灣), 02/05/2020 14:08:04
→
02/05 14:18, 4年前 , 5F
謝謝nick大~不過我還沒學到setTimeout,所以不知道怎麼處理,
02/05 14:18, 5F
→
02/05 14:19, 4年前 , 6F
不知道能不能請教你該怎麼寫呢?謝謝
02/05 14:19, 6F
推
02/05 15:09, 4年前 , 7F
tinyurl.com/w5kr4k2
02/05 15:09, 7F
→
02/05 15:09, 4年前 , 8F
02/05 15:09, 8F
→
02/05 15:10, 4年前 , 9F
你的點擊事件是addClass，再次點擊時需要清掉原本的
02/05 15:10, 9F
→
02/05 15:10, 4年前 , 10F
class再加一次
02/05 15:10, 10F
→
02/06 12:05, 4年前 , 11F
謝謝~我研究看看
02/06 12:05, 11F
‣ 更多 cgcat 的文章
文章代碼(AID): #1UEaZyQg (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 cgcat 的文章
文章代碼(AID): #1UEaZyQg (Web_Design)