鼠标悬停和鼠标退出函数 DOM 元素高度冲突

Question

这是我的jquery

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

我也为"div2"放置了 css 过渡，div2 的原始高度是 200px。我的问题是当我尝试将鼠标悬停在其高度上时不增加。我在没有鼠标退出部分代码的情况下尝试了这个。它工作得很好。

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/