javascript - 我试图做到这一点,所以卡片只在 div.card-title 而不是洞 div.card 上打开(CodePen Home 3D 折叠显示)
问题描述
我在 codepen.io这个链接上找到了这个 3d 卡片折叠,我试图做到这一点,只有当你按下div.card-title
它打开而不是当你按下孔时,div.card
尤其是当它打开时的小内容部分不应该是可点击的。
如果您能够帮助我,我将不胜感激,如果您只能显示您更改的代码以使我更容易在我的项目中进行更改。
解决方案
如果您添加...
if ( !e.target.classList.contains('btn') ) return;
在 preventDefault 单击之后立即单击其他任何位置将无效。
推荐阅读
- automotive - 回滚在汽车软件下载中是如何工作的?
- javascript - 有没有办法在 navmesh 中获得确切的点,以便探路者可以正常工作?
- sql-server - 在复制到另一个表之前检查 SQL 表中缺少的列
- python - IndexError:列表索引超出范围(无法从列表中删除项目)
- python - Flask api请求,读取csv并保存为json
- r - R中的特定文本分类
- data-structures - 具有两个变量的时间复杂度单循环
- react-native - 如何隐藏屏幕标题但显示后退按钮?
- django - 如何根据 django 模型/字典向日期时间列添加周数?
- java - 选择底部导航选项卡时重叠的片段