jquery - 如何强制关闭悬停状态？

Question

我有一个带有 :hover 颜色变化的文本按钮。单击按钮会缩小它所在的 div，从而将按钮从单击它的鼠标光标下方移出。这样做会使按钮处于 :hover 状态，因此它不会变回非悬停颜色。有什么办法可以强制按钮退出悬停状态（因为我知道那一刻肯定不会悬停）？

这里的jsfiddle示例：http: //jsfiddle.net/forgetcolor/vYjMv/6/

ps：我知道在那个jsfiddle示例中，只要我自己移动鼠标，状态就会改变，但不幸的是，在我自己的示例中，它不会——直到我再次移过按钮。我猜这是因为在我的情况下，当缩小元素移动时，鼠标光标下方留下的是一个带有 PDF 的 iframe（？）

Answer 1

我不会:hover在 CSS 中使用选择器，而是使用.hover类。然后，您可以将此类显式分配给mouseover/ mouseout，并在需要时显式删除它。

这能解决你的问题吗？

更新

建议：使用 jQuery 的$().hover().