php - JQuery 在内部自动生成的 img 上调用 .click()

Question

我正在用这个

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("picHint").innerHTML=xmlhttp.responseText;
    }
  }

xmlhttp.open("GET","getpic.php?q="+str+"&t=" + Math.random(),true);
xmlhttp.send();

传入数据并通过getpic.php中PHP代码的回显生成数量不定的图片

while($row = mysql_fetch_array($result)){
echo "<div id=" . $num . "><img src=QR/" . $row['img']".png></div>";
}

所以这些图片确实是生成的，但是，现在我正在尝试使用

    $("#img").click(function () { 
        alert("Hi");
    });

但没有任何警报。顶部函数将内容发布在但我似乎无法在该 id 内调用？如何调用外部div内的div或img？

Answer 1

如果您异步生成内容，$.click() 将不起作用，除非您手动将其附加到每个新元素。尝试使用 $.live() 代替:

// Applies itself to all <img /> tags.
$("img").live("click",function(){
  alert("Hi");
});

请务必检查您的 id，并注意使用整数作为您的 id 并不是一个好的做法。如果您希望使用图像的数字 id 作为 id，请在其前面加上某种类型的 alpha 值，例如 #image19。