来自jquery的.append中img标记中的onclick属性

onclick property in img tag in .append from jquery

本文关键字：onclick 属性 img append 来自 jquery      更新时间：2023-12-03

我正试图从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事件，他们的代码正在工作。。。

感谢您未来的回答

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

<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);
})
相关文章：