从PHP和AJAX中的文本文件中读取html数据

Question

我的文本文件中填充了一些HTML代码;

<span>test</span><p>welcome</p>
<span>Guest</span><p><img class="insertedImage" src="/dynamictemplate/uploads/temp/167-5-IMG_0755.JPG" width="80" height="80"/></p>

我正在将这个html数据读入div元素，但是当我尝试将一个click事件添加到'img'标签时，它无效。我知道它正确读取文件，因为如果我添加一个针对'.insertedImage'的CSS，它可以正常工作，但是当我尝试添加一个click事件时它没有做任何事情。

$('.insertedImage').click(function() 
{
  alert("clicked");
});

任何人都知道造成这个问题的原因是什么？

Answer 1

假设您的内容动态加载，然后不会触发您的活动。

然后尝试此活动on()

在你的情况下

$(".insertedImage").on("click",  function(event){
    alert($(this).text());
});

Answer 2

尝试将其包装在$（document）.ready（）

中

$(document).ready(function()
{
    $('.insertedImage').click(function() 
    {
       alert("clicked");
    });
});