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/

鼠标悬停和mouseout功能DOM元素高度冲突

1 个答案: