无法让.click（）和类似事件正常工作

Question

我严重困在最简单的jQuery东西......

<div id="wrap">
  <div class="pic"><img /></div> 
  <div class="pic"><img /></div>
  ...
</div>

我正在使用JSON数据中的各种图像填充#wrap， 但是，我无法通过.pic

识别点击次数

$(".pic").click(); $(".pic").on("click", function(){}); $(".pic > img").click(); $("img").click

为了进行测试，我只需在点击功能中添加简单的警报，我尝试了各种组合，但没有成功。 我的目标是将点击后的图片的ID反馈给我的JavaScript。 我在这做错了什么？

Answer 1

试试这个，

$(document).on('click', '.pic', function() {
    //do your stuff
});

Answer 2

您需要为.on()函数设置其他参数以使其响应，如果动态追加元素。

$(document).ready(function() {
  $("#wrap").on("click", ".pic", function(){
     // code
  });
});