jQuery easing - 悬停时翻转图像

Question

如果你看一下这个 fiddle :http://jsfiddle.net/5PH8p/

然后你可以看到如果你将鼠标悬停在空白图像上，它会翻转并显示一些文本。但问题是，当您也将鼠标悬停在该段落上时，图像会翻转。

我的问题是，我该如何更改脚本，使其仅在鼠标悬停在图像上而不是段落上时翻转图像。

我想将段落保留在 HTML 结构中，就像这里一样

        `<div class="thumb scroll">
                <p>
                  <strong>John Doe</strong><br>
                  CEO & Partner<br>
                  <a href="mailto: jon@doe.dk">jon@doe.dk</a></p>
                     <div class="thumb-wrapper">`

希望我已经足够清楚了，提前致谢。

Answer 1

您可以使用 e.stopPropagation()防止事件在 DOM 树中冒泡:

$('.thumb p').mouseover(function(e) {
    e.stopPropagation(); 
});