Jquery.Hover不适用于动态元素

Question

这是我的代码

$(".inboxfeedlist li").hover(function(e){alert('');}

这不适用于动态创建的元素,即使我已经使用过

$(".inboxfeedlist li").bind('hover',function(){})

也没有用,代码有什么问题.

Answer 1

live在jQuery 1.9上被弃用了.我们可以使用on与mouseenter和mouseleave事件,而不是:

$(document).on("mouseenter", ".save-btn", function(e) {
    $(this).css("background-image","url('ie/imgs/btn/hover-btn.png')");
    $(this).find("a").css("background-image","url('ie/imgs/btn/hover-btn-left.png')");
});

$(document).on("mouseleave", ".save-btn", function(e) {
    $(this).css("background-image","url('ie/imgs/btn/btn.png')");
    $(this).find("a").css("background-image","url('ie/imgs/btn/btn-left.png')");
});

出于某种原因,我不能用hover同on.它根本不起作用.但是,根据我的阅读,悬停只是一个来自mouseenter和mouseleave的改编,所以很好.(/sf/answers/312436911/)

如果您不需要支持IE6,我建议您使用:hoverCSS(如果它仅在CSS中进行更改,以上示例如何).