当前位置: 首页 > news >正文

踩到Framework7 Photo Browser 的一个坑

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

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

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

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

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

转载于:https://www.cnblogs.com/rangeon/p/7087382.html

相关文章:

  • ZOJ 1649 Rescue(有敌人迷宫BFS)
  • linux平台从源码安装git【转】
  • java中super的作用
  • css 选择符中的 ,+,~,=,^,$,*,|,:,空格 的意思
  • android Settings 解析
  • 【转】HTML !--...-- 注释 、CSS/JS //注释 和 /*.....*/ 注释
  • 瑞典奶爸“坐月子”很酷,他们的育儿神器连布拉德皮特都在用
  • 陈松松:制作视频优先选择这5种类型,总有一个适合你
  • 数据挖掘十大经典算法--CART: 分类与回归树
  • PyTorch快速入门教程三(神经网络)
  • the import java.util.* cannot be resolve,怎么解决
  • 美国科技公司的“放权时代”:出走的创始人不在少数
  • JavaScript DOM 10 - 滚动
  • 与高通纠纷受关注 苹果利润或遭诺基亚侵权诉讼蚕食
  • Atlantis退出核心VDI软件和一体机市场
  • 【技术性】Search知识
  • Flannel解读
  • laravel5.5 视图共享数据
  • MySQL几个简单SQL的优化
  • 多线程事务回滚
  • 搞机器学习要哪些技能
  • 看完九篇字体系列的文章,你还觉得我是在说字体?
  • 人脸识别最新开发经验demo
  • 小李飞刀:SQL题目刷起来!
  • 一起来学SpringBoot | 第十篇:使用Spring Cache集成Redis
  • 在electron中实现跨域请求,无需更改服务器端设置
  • 追踪解析 FutureTask 源码
  • ​一些不规范的GTID使用场景
  • #162 (Div. 2)
  • #每天一道面试题# 什么是MySQL的回表查询
  • $ git push -u origin master 推送到远程库出错
  • (10)ATF MMU转换表
  • (175)FPGA门控时钟技术
  • (a /b)*c的值
  • (二)pulsar安装在独立的docker中,python测试
  • (全注解开发)学习Spring-MVC的第三天
  • (小白学Java)Java简介和基本配置
  • (一)Java算法:二分查找
  • (原創) 如何動態建立二維陣列(多維陣列)? (.NET) (C#)
  • (转)Android中使用ormlite实现持久化(一)--HelloOrmLite
  • .bat批处理(六):替换字符串中匹配的子串
  • .Net Winform开发笔记(一)
  • .NET/ASP.NETMVC 深入剖析 Model元数据、HtmlHelper、自定义模板、模板的装饰者模式(二)...
  • .NET8.0 AOT 经验分享 FreeSql/FreeRedis/FreeScheduler 均已通过测试
  • .Net的DataSet直接与SQL2005交互
  • .Net高阶异常处理第二篇~~ dump进阶之MiniDumpWriter
  • @RequestParam,@RequestBody和@PathVariable 区别
  • [20190401]关于semtimedop函数调用.txt
  • [AIGC codze] Kafka 的 rebalance 机制
  • [ArcPy百科]第三节: Geometry信息中的空间参考解析
  • [C#]DataTable常用操作总结【转】
  • [C#]winform部署yolov5-onnx模型
  • [C#]使用C#部署yolov8-seg的实例分割的tensorrt模型
  • [cogs2652]秘术「天文密葬法」
  • [Electron]ipcMain.on和ipcMain.handle的区别