jquery鼠标悬停问题

Question

我正在研究悬停效果。悬停时，它正在改变大小，但问题是，当我将鼠标悬停在包含h3文本的行的任何位置时，大小都在变化。

我宁愿它只在我将鼠标悬停在h3文本上时才起作用。

第二个问题是位置不是绝对的。也就是说，当悬停发生时，附近东西的位置会发生变化。

这是我的jQuery代码：

var bindBehaviors = function (scope) { 
     $('h3',scope).hover(
     function() { 
     $(this).css("font-size", "40px"); 
     }, 
     function() { 
     $(this).css("font-size", "25px"); 
     } 
     ); 
     } 
     bindBehaviors(this); 

Answer 1

尝试把一个在你的<h3><span>：

<h3> 
    <span>Text</span> 
</h3> 

以及活动结合跨度，而不是：

var bindBehaviors = function(scope) { 
    $('h3 span', scope).hover(function() { 
     $(this).css("font-size", "40px"); 
    }, function() { 
     $(this).css("font-size", "25px"); 
    }); 
} 

bindBehaviors(this);