動態事件jquery

Question

我有幾個動態添加元素（與class="myClass）。我想添加mouseenter聽衆。我的代碼是：

jQuery(document).on('mouseenter','.myClass',function(){ 
    console.log("in") 
}); 

它可以工作，但當光標位於此元素上時，總是有日誌。如何修改它以獲得結果，例如只有一個事件（當用戶的光標輸入到元素中，然後當他處於什麼狀態時）？

Answer 1

至少你給的JS部分工作正常。

jQuery(document).on('mouseenter','.myClass',function(){ 
 
    console.log("in") 
 
});

.myClass { 
 
    width: 200px; 
 
    height: 100px; 
 
    background-color: yellow; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="myClass"></div>