javascript - 悬停在 IE7 中无法正常工作

Question

我正在尝试复制类似 Facebook 墙的效果，将鼠标悬停在提要元素上会显示“删除”按钮。该按钮在页面加载时不可见，但将鼠标悬停在元素上会显示该特定元素的删除按钮。这是通过 jQuery 和 CSS 显示属性实现的。

这在 Safari、Chrome 和 Firefox 等浏览器中运行良好，但在 Internet Explorer 7 中就不行了。

这是一个例子:

http://www.woohoobingo.com/wall.html

上面的链接是网站内呈现的页面，以墙为特色，悬停功能在 Safari 等中有效，但在 Internet Explorer 7 中无效(由于缺乏资源，未在其他版本中测试)。

如果有人可以阐明如何纠正此问题，以便 IE 在将鼠标悬停在列表项上时添加悬停类，而不仅仅是列表项中的文本，那就太好了。

Answer 1

您好@Martin 它正在工作，但不知何故，删除按钮未被视为悬停时显示的 div 或容器的一部分。我已经写了下面的东西并且运行良好。您可能会从中得到任何线索。

<div id="divA" style="border:1px dotted white;width:500px;clear:both;">
<div id="divLogo" style="height:20px;width:20px;overflow:hidden;float:left;">
    <img src="arrow.png" alt="logo" style="height:20px;width:20px;"/>
</div>
<div>Hello World this is the message written on the wall.....</div>
<div id="divDelBtn" style="width:50px;height:25px;top:1px;float:right;">
<span style="background-color:#c0c0c0;color:#ffeeee;display:none;">Delete</span>
</div>
<div id="otherStuff" style="font-size:70%;color:#0f0f33;">
    posted by @me on 18/jan/2010 12:34 PM</div>
</div>

<script type="text/javascript">
$(function(){
$("#divA").hover(function(){
    $("#divA").css("border-color","red");
    $("#divA #divDelBtn span").show();
},
function(){
    $("#divA").css("border-color","white");
    $("#divA #divDelBtn span").hide();
});
});
</script>