鼠标悬停问题与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);