Jquery live（）鼠标指针/悬停

CSS:

HTML

但是后来我被告知live（）不能处理两个函数

我最上面的代码是，它没有在附加的div元素上用WallEntry显示delButton

---

应该如何做到这一点？

可能不是你的问题，但你就不能做到：

$(".WallEntry").live("hover", function(){
$(this).find('.delButton').css('visibility', 'visible');
}, function() {
$(this).find('.delButton').css('visibility', 'hidden');
});

---

这个怎么了

$('.WallEntry').mouseover(function() {

    $('.delButton').show();
}

$('.WallEntry').click(function() {

    $('.delButton').hide();

}

---

如果您使用的是

display:none而不是
可见性：隐藏

$('.WallEntry').live('mouseover', function(event) {
  $(this).find('.delButton').css('visibility', 'visible');
}); 

$('.WallEntry').live('mouseout', function(event) {
  $(this).find('.delButton').css('visibility', 'hidden');
}); 

我建议，如果您不需要支持IE6，请删除所有悬停脚本，然后在CSS中执行此操作：

$('.WallEntry').live('mouseover', function(event) {
  $(this).find('.delButton').show();
}); 

$('.WallEntry').live('mouseout', function(event) {
  $(this).find('.delButton').hide();
}); 


如果您必须支持IE6，请使用以下CSS：

.WallEntry .delButton { visibility: hidden; }
.WallEntry:hover .delButton { visibility: visible; }

这个脚本：

.WallEntry .delButton { visibility: hidden; }
.WallEntry.hover .delButton, .WallEntry:hover .delButton { visibility: visible; }

或者，为了完全安全：

$(".WallEntry").live("hover", function() {
   $(this).toggleClass('hover');
});

如果父容器具有ID，则版本：

没有足够的细节来做出结论。发布一个复制问题的帖子怎么样？
.WallEntry .delButton { visibility: hidden; }
.WallEntry:hover .delButton { visibility: visible; }

.WallEntry .delButton { visibility: hidden; }
.WallEntry.hover .delButton, .WallEntry:hover .delButton { visibility: visible; }

$(".WallEntry").live("hover", function() {
   $(this).toggleClass('hover');
});

$(".WallEntry").live("mouseenter", function() {
   $(this).addClass('hover');
}).live("mouseleave", function() {
   $(this).removeClass('hover');
});

$("#parentID").delegate(".WallEntry", "mouseenter", function() {
   $(this).addClass('hover');
}).delegate(".WallEntry", "mouseleave", function() {
   $(this).removeClass('hover');
});