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

时间:2012-07-19 12:57:42

标签: javascript jquery html5 internet-explorer

我正在尝试在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事件的互联网上的一些代码,他们的代码正在运行......

感谢您的未来答案

1 个答案:

答案 0 :(得分: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事件。

相反,您想使用.liveSee here

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