javascript - 来自jquery的.append中的img标签中的onclick属性

Question

我正在尝试从 js 代码中添加一些标签

我在 jquery 中发现了一个有趣的函数：append x)

我在我的 .js 中得到了这个：

function goClick(target) {
}

function clickChapDiv(event) {
     $(event.currentTarget.parentNode).append("<span> <img src=\"../images/popUp.png\" /> <span class=\"textPopUp\"> <span class=\"notePopUp\">B-</span> <span class=\"titlePopUp\"> 3-JE TESTES </span> <img src=\"../images/minigo.png\" class=\"buttonPopUp\" onclick=\"goClick(this);\" /> </span>");
}

但这不起作用，如果我删除 onclick=\"goClick(this);\"，它正在工作，但（正常...）上没有事件

有人知道我的问题吗？因为我在 .append 中看到了一些带有 onclick 事件的代码，并且他们的代码正在运行......

感谢您的未来答案

Answer 1

下面是您的代码。它没有完全关闭，这可能会导致您的问题

<span> 
  <img src=\"../images/popUp.png\" /> 
  <span class=\"textPopUp\">
    <span class=\"notePopUp\">B-</span> 
    <span class=\"titlePopUp\"> 3-JE TESTES </span>
    <img src=\"../images/minigo.png\" class=\"buttonPopUp\" onclick=\"goClick(this);\" />         
  </span>

在末尾添加额外的跨度。

当元素添加到 DOM 时，您还需要绑定 click 事件。

相反，您想使用.live. 见这里。

$(".buttonPopUp").live("click", function(){
  goClick(this);
})