Question

我很快意识到在对话框中编码jquery的语法与父DOC中的语法完全不同。这就是为什么我的代码有.live（“鼠标悬停”...而不是.mouseover（...并且工作了很长时间。）我有两个图像并排缩小到其全尺寸的40％，以适应对话框中显示的ajax源代码形式。每个都有一个id，当光标越过它时，我的代码会愉快地扩展每个图像。我想在发生这种情况时隐藏另一个并在mouseout上恢复现状，这样表格就不会搞砸了。 mouseout让我现状，但mouseover不会隐藏另一个图像。

    $('#cadovr').live('mouseover', function() {
    $(this).css('position', 'relative').height("100%").width("100%");
    $('#cadet').hide();
    }).live('mouseout',function() { 
    $(this).css('position', 'relative').height( "40%").width("40%");
    $('#cadet').show();
});
$('#cadet').live('mouseover', function() {
    $(this).css('position', 'relative').height("100%").width("100%");
    $('#cadovr').hide();
    }).live('mouseout',function() { 
    $(this).css('position', 'relative').height( "40%").width("40%");
    $('#cadovr').show();
});

有没有人知道为什么我必须在对话框中使用.live？

Answer 1

而不是mouseover尝试使用mouseenter

我看到这个工作，以为我不知道为什么。

关于.live，Rab Nawaz已经很好地解释了这一点。

鼠标悬停在另一个上时，试图隐藏对话框中的图像

1 个答案: