jq slideDown後裏面的A鏈接失效(已解決)

  • 2021 年 5 月 29 日
  • 筆記

jq slideDown後裏面的A鏈接失效(解決)

用jq 的 slideDown寫了一個二級下拉菜單,但是裏面的a標籤全部失效了,掛的鏈接右鍵菜單可以正常打開,但是左鍵正常點擊不行

查閱了很多資料,發現a標籤失效的原因無非是

  • 層級過低(需設置z-index:9999)
  • 默認事件被阻止e.preventDefault()
  • 被禁止點擊響應return false

但是我發現我的元素並沒有設置任何的js腳本

很明顯,它貌似被冒泡了。

果然它的父元素,也就是一級菜單也是a元素,因為這個a的功能是打開二級,也就是jq的slideDown,所以它的默認事件(a)被阻止了。

解決:

將父元素的腳本禁止冒泡就好了

e.stopPropagation()