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()