jQuery 悬停直播()？

Question

我正在学习 jQuery，但我不确定如何“通知”脚本发生了什么事。

例如，当我将鼠标悬停在 .container 上时，它会向其中添加“灰色”类。但是，当我想对新创建的“灰色”div 执行任何操作时，则没有任何效果。我听说过 live() 函数，但我不确定这是个好方法吗？

   jQuery('.container').hover(function() {
        jQuery(this).animate({opacity: '0.5'},1000);
        jQuery(this).addClass('grey');
    });

    jQuery('.grey').hover(function() {
        jQuery(this).animate({opacity: '0'},100);
    });

直播:http://jsfiddle.net/n5kpM/

Answer 1

从 jQuery 1.7+ .live() 开始是 deprecated ，并且 .delegate() 已 superseded 通过 .on() 方法。

使用.on()和 .off()代替 .live() 和 .die()。使用 .on() 代替 .delegate()。

转换旧代码很简单 as explained here .

<小时/>

live 正是您想要的。由于 .grey 元素在您调用 hover 时不存在，因此它不会按照您的方式工作。使用 live 可以让您在元素存在之前应用处理程序。

但需要注意的一点是，您不能将 live 直接与 hover 一起使用。您需要分别进行这 2 个事件。 jQuery live hover