javascript - 为什么我不能在 masonry 容器中添加toggleClass？

Question

那里有砌石专家吗？我在向 div 添加toggleClass 时遇到了很大的麻烦，该 div 允许用户在 3D 空间中翻转按钮。我创建了一支笔，它具有从我的 WordPress 模板和 sass 文件中提取的完全相同的标记和样式。

我正在使用jquery初始化masonry，它的部分工作得很好，但是当我尝试添加以下脚本来切换类，同时将鼠标悬停在masonry容器内的div上时，它不会切换。

这里是切换的 JS 代码(由用户 imtheman 慷慨捐赠):

$('.btnContainter').hover(function () {
      $(this).children('.story-button').toggleClass('flip');
      return false;
});

以下是有关我们如何到达那里的线程的链接:jQuery adding a class - all methods I've tried remove the class on click

这是 codepen 的链接，其中在特定问题的 js 面板中注释掉了一些描述:CodePen

谢谢大家!

Answer 1

问题是您的悬停方法位于 .btnContainter 上，而不是 .flip-container 上。

http://codepen.io/anon/pen/xbExNy