onclick图像没有得到

Question

嗨我动态地在tr里面添加一个图像现在我想在我点击这个图像时调用一个函数我使用这段代码

 $("#tabletask tr[data-id='" + parrentid + "'] > td:first-child").html(" <img src=\"Images/ExpandArrow.png\">" + OriginalContent)

   $(document).on('click', 'image.ExpandArrow', function () {....});

但它不起作用

Answer 1

var img = $("<img>", {src: "/path/to/img"});

$("#tabletask tr[data-id='" + parrentid + "'] > td:first-child").appendChild(img);
img.onclick = functionName;

其中functionName是您点击时想要发生的功能。

Answer 2

应该是img.ExpandArrow而不是image.ExpandArrow。

也使用此$("#tabletask")

＆＃13;

＆＃13;

 $("#tabletask tr[data-id='" + parrentid + "'] > td:first-child").html(" <img src=\"Images/ExpandArrow.png\">" + OriginalContent)

   $("#tabletask").on('click', 'img.ExpandArrow', function () {....});

＆＃13;

＆＃13;

＆＃13;

Answer 3

尝试为该图片提供类，并尝试将该类绑定到文档。

$("#tabletask tr[data-id='" + parrentid + "'] > td:first-child")
 .html(" <img class = 'image' src=\"Images/ExpandArrow.png\">" + OriginalContent)

$(document).on('click', '.image', function () {....});