Javascript 为什么hover（）不使用jquery处理添加的类？

我试图延迟动画，为此任务，我将在500毫秒后为动画添加

.startAnimation

类

HTML 但问题是

hover（）

不能与添加的类

.startAnimation

一起工作，但它与位于同一

div

上的

.layout

类一起工作。我检查了

。startAnimation

类在500毫秒后正确添加。有谁能指导我解决这个问题吗。我将不胜感激

---

以下是参考资料

将事件委派与

mouseenter

，

mouseleave

事件一起使用

$(document).on('mouseenter mouseleave', '.startAnimation', function(){
    $('.hoverDiv').toggle();
});

---

使用鼠标悬停事件而不是悬停。它会起作用的

$(document).on('mouseover', '.startAnimation', function(){
    $('.hoverDiv').show();
});

---

使用事件委派。将事件委派与

mouseenter

和

mouseleave

eventsHanks一起使用，以指导应使用“on或live”方法的动态创建元素。悬停不是事件，用于添加mouseenter和mouseleavehandlers@ArunPJohny“我改变了这一点。”RejithRKrishnan感谢大家分享它的工作原理。

$(document).on('mouseenter mouseleave', '.startAnimation', function(){
    $('.hoverDiv').toggle();
});

$(document).on('mouseover', '.startAnimation', function(){
    $('.hoverDiv').show();
});