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);