jquery - 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

尝试<span>在你的<h3>:

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