Ajax php文件的.load（）之后jquery.on（）不工作

我试图在php文件中包含的html代码段上运行以下简单代码，该文件由jquery的.load函数加载：

$(".thumbnail").on("click", function(event){

    alert("thumbnail clicked");
});

然而，我似乎无法让它在我页面的这一部分工作。我还有其他对未通过ajax加载的元素的调用，它们可以很好地使用.on函数。我的印象是.on会识别ajax加载的内容

缩略图元素是包含在一系列div中的img标记中的图片，所有div都是通过ajax加载的，jquery似乎找不到这些内容。我的所有代码都包含在ready函数中

有没有办法让jquery识别这些新元素

---

谢谢。

您需要一个用于动态内容的委托事件处理程序：

$('#container').load('somefile.php');

$('#container').on('click', '.thumbnail', function(event){
     // do stuff
});

---

最接近的非动态父元素可能是您正在将内容加载到的元素，您需要将事件处理程序附加到该元素，并根据.缩略图类进行过滤，如上面的代码所示。

您需要一个动态内容的委派事件处理程序：

$('#container').load('somefile.php');

$('#container').on('click', '.thumbnail', function(event){
     // do stuff
});

最接近的非动态父元素可能是您正在将内容加载到的元素，您需要将事件处理程序附加到该元素，并根据.缩略图类进行过滤，如上面的代码所示