鼠标悬停不适用于附加 img-tag 仅在 XHTML 中已存在 img-tag 的情况下答案

【问题标题】：Mouseover not working with appended img-tag only with img-tag allready inside XHTML鼠标悬停不适用于附加 img-tag 仅在 XHTML 中已存在 img-tag 的情况下
【发布时间】：2013-11-28 14:37:39
【问题描述】：

我真的很沮丧。我有一个带有一些 div 元素的 XHTML。当页面被加载时，我有一些图像被附加到我的 XHTML 站点内的 div 标记中。但是，当我试图在悬停 img-tag 时捕捉警报时，它只适用于我的 XHTML-Site 中已经存在的 img 标签。鼠标悬停不会捕获任何附加的 img-tag。任何想法为什么会发生这种情况？

$('img').on("mouseover", function () {
    alert("Hi!");
});

谢谢

【问题讨论】：

标签： jquery image tags mouseover

【解决方案1】：

jQuery 方法 .on() 在 1.8 中已弃用并在 1.9 中删除。尝试使用 .hover() 代替。

$('img').hover(function() {
  alert("Hi!");
});

如果它仍然不想工作，请尝试：

$(document).ready(function() {
  $('img').hover(function() {
    alert("Hi!");
  })
});

【讨论】：