j查询缓动 - 悬停时翻转图像

Question

如果你看看这个小提琴：http://jsfiddle.net/5PH8p/

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

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

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

        `<div class="thumb scroll">
                <p>
                  <strong>John Doe</strong><br>
                  CEO & Partner<br>
                  <a href="mailto: [e-mail]">[e-mail]</a></p>
                     <div class="thumb-wrapper">`

希望我足够清楚，提前谢谢。

Answer 1

你可以使用 e.stopPropagation（） 来防止事件在 DOM 树上冒泡：

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