javascript - 使用div到javascript中的iframe网址

小问题。我有一些JavaScript，单击功能块会更改某些div的内容。从下面的代码可以看出，在#pubcontent处有一些添加到页面的链接。

$("#publications").click(function(){
    $("#content").html('<iframe id="idIframe" src="publication/index.html" style="height:594px;width:98%;"></iframe>');
    $("#titlepage").html('<img src="../images/pageline.png" style="width:2px; height:50px; vertical-align:middle"/>Home&nbsp;&nbsp;>&nbsp;&nbsp;Publications');
    $("#researchcontent").html('');
    $("#pubcontent").html('<ul><li><a id="2013" href="#">2013</a></li><li><a id="2012" href="#">2012</a></li><li><a id="2011" href="#">2011</a></li><li><a id="2010" href="#">2010</a></li><li><a id="2009" href="#">2009</a></li><li><a id="2008" href="#">2008</a></li></ul>');
});

可以了但是现在，我在同一JavaScript文件中还有其他一些代码，当我单击#pubcontent的链接时应执行这些代码。但是，当我单击链接时，没有任何反应。这段代码是：

$("#2013").click(function(){
    $("#content").html('<iframe id="idIframe" src="publication/index.html#2013" style="height:594px;width:98%;"></iframe>');
    $("#titlepage").html('<img src="../images/pageline.png" style="width:2px; height:50px; vertical-align:middle"/>Home&nbsp;&nbsp;>&nbsp;&nbsp;Publications&nbsp;&nbsp;>&nbsp;&nbsp;2013');

总结一下。我按x并显示y。如果我按y中的链接，我想看到z。但我找不到找到“ z”部分的方法。我不确定这个解释是否有帮助..但是有人建议吗？

最佳答案

将委派用于动态添加的元素：

$("#pubcontent").on('click',"#2013",function(){...});

当然，ID在上下文页面中必须是唯一的，因此ID为“ 2013”​​的元素应该是唯一的。