jQuery的寬鬆政策 - 懸停

Question

翻轉圖像如果你看看這個小提琴：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(); 
});