segmentfault的右上角的小铃铛,弹出菜单之后,当点击菜单范围,菜单不消失,当点击菜单以外范
2016-11-02 20:46发布
小硕的
想知道原理,谢谢!
.opts__item--message为菜单,.message为铃铛和菜单的父级,整个的逻辑就是你点击页面,会冒泡到body,触发上述绑定的事件,如果菜单的display不为none,且你当前点击的不属于这个message这个div的子元素(页面结构可以自己看下)(属于这个子元素就是点击的菜单本身或者铃铛了),就hide
.opts__item--message
.message
最多设置5个标签!
.opts__item--message
为菜单,.message
为铃铛和菜单的父级,整个的逻辑就是你点击页面,会冒泡到body,触发上述绑定的事件,如果菜单的display不为none,且你当前点击的不属于这个message这个div的子元素(页面结构可以自己看下)(属于这个子元素就是点击的菜单本身或者铃铛了),就hide一周热门 更多>