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/

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

Mouseover and mouseout functions DOM element height colliding

javascript

jquery

mouseover

mouseout