踩到Framework7 Photo Browser 的一个坑


最近在做的项目用了Framework7前端框架,功能确实比较强大!但这两天遇到一个坑,希望我的这点收获能给遇到这个问题的朋友一点帮助。

在使用Photo Browser 的时候,图片下方想放一个“点赞”的按钮,耐何就死活无法响应鼠标的点击事件(click tap都不行)。怀疑被父级元素拦截了,反复各种折腾就是没效果!

最后都要放弃的时候,都准备移除“点赞”功能了,无意中发现.photo-browser-captions这个层有个样式是 pointer-events: none; 翻了一下CSS手册,说none时元素永远不会成为鼠标事件的target!

这一下子就找到症结所在了!改为 pointer-events: auto; 就能正确绑定事件了!

真没想到CSS也能控制鼠标事件,涨姿势了!


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM