为什么我不能在砌体容器中添加toggleClass?

时间:2014-12-22 21:07:34

标签: javascript jquery wordpress masonry

那里有砖石专家吗?我在将一个toggleClass添加到一个允许用户在3D空间中翻转按钮的div时遇到了很大的麻烦。我创建了一支笔,它具有与我的wordpress模板和sass文件相同的标记和样式。

我正在使用jquery初始化砌体,并且它的工作正常工作,但当我尝试添加以下脚本来切换类同时将鼠标悬停在砌体容器内的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

谢谢大家!

1 个答案:

答案 0 :(得分:2)

问题在于您的悬停方法是.btnContainter而不是.flip-container

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