javascript - mouseover 和 mouseout 函数 DOM 元素高度碰撞

Question

这是我的jquery

    $('#div1').mouseover(function(){
        $('#div2').css('height','500px');
    }).mouseout(function(){
        $('#div2').css('height','200px');
    });

我也为“div2”添加了css过渡，div2的原始高度是200px。我的问题是当我尝试将鼠标悬停在其高度上时却没有增加。我在没有 mouseout 部分代码的情况下尝试了这个。效果非常好。

Answer 1

style 不是 jQuery 函数。使用css

$('#div1').mouseover(function(){
    $('#div2').css('height','500px');
}).mouseout(function(){
    $('#div2').css('height','200px');
});

此外，css() 不需要指定 px 单位，因此您可以只使用数字:

$('#div1').mouseover(function(){
    $('#div2').css('height',500);
}).mouseout(function(){
    $('#div2').css('height',200);
});

现在您已经解决了最可能的问题是样式问题。您需要显示您正在使用的 HTML 和 CSS。

此代码示例:http://jsfiddle.net/TrueBlueAussie/wyL9ecue/1/