Javascript Jquery悬停函数不在动态添加的元素上运行

这是成功的

$('[rel=notif]').on({
    mouseenter: function () {
$(this).find('.solnotifkara').css({"opacity":"0.46"});
  },
    mouseleave: function () {
$(this).find('.solnotifkara').css({"opacity":"0.36"});
    }
});

但是，如果它是动态添加的，则它不起作用。我有一个用于动态添加元素的单击功能

$(document.body).on('click', '[rel="like"]' ,function(){

alert("works");

});

如何使悬停函数适用于动态添加的元素

$(document).on({
  mouseenter: function () {
    $(this).find('.solnotifkara').css({opacity:0.46});
  },
  mouseleave: function () {
    $(this).find('.solnotifkara').css({opacity:0.36});
  }
}, "[rel=notif]");  // <<<<< delegate here your dynamic element

$document.on{ 鼠标指针：函数{ $this.find'.solnotifkara'.css{opacity:0.2}； }, mouseleave：函数{ $this.find'.solnotifkara'.css{opacity:1}； } }，[rel=notif]；// $document.on{ 鼠标指针：函数{ $this.find'.solnotifkara'.css{opacity:0.2}； }, mouseleave：函数{ $this.find'.solnotifkara'.css{opacity:1}； }

---

}，[rel=notif]；//$document.body.on'hover'，“[rel=notif]”？您需要使用$document而不是$document.body。@穆罕默德为什么？$document.body.on'hover'，“[rel=notif]”？您需要使用$document而不是$document.body。@muhammed为什么？谢谢，当我看到您更改了不透明度时我很好奇，但现在我看到它们被更新了；不客气@用户330407是。。。我只是想避免来自其他用户的评论，比如说，嘿，这不起作用，因为几乎看不到不透明度的变化：谢谢，当我看到你改变了不透明度时，我很好奇，但现在我看到它们被更新了；不客气@用户330407是。。。我只是想避免来自其他用户的评论，比如hey，这不起作用，因为几乎看不到不透明度的变化：