的.html（）事件没有其他的.html内工作（）插入

Question

http://portfolio.paulchelmis.com/design/design

上一个组合的网站工作，到目前为止，我已经能够通过搜索等，以找出我的很多扭结的每一个，直到现在。无论如何，请点击右侧网格中的第一个或第二个链接。我的问题是关于jQuery的.html()方法 - 我已设置，以便当单击其中一个信息卡.thumbinfo时，#detailtext和#detailimages内的html使用上述方法插入。

这工作正常 - 但#detailtextdiv里面我有两个Next和Prev按钮（.btnnext & .btnlast），用于改变“页”不首先关闭了。问题是，我似乎无法让这些按钮触发，除非他们被从他们的父div中取出。更重要的是，据我所知，这些按钮不会触发任何事件，不仅仅是.html命令。

我在#clicked<a>标记中包了一个以确保它不仅仅是z索引问题或其他东西。

无论如何...有没有解决这个问题，或者我应该找到解决方法？任何见解都非常感谢。

TL; DR：jQuery的.html事件或任何事件，在被以前注入的html（来自.html（）方法）的元素INSIDE触发时似乎没有工作。

Answer 1

通过动态添加元素，您需要使用jQuery的.on()函数来绑定页面中已存在的元素。

事件处理程序只绑定到当前选定的元素;在代码调用.on（）时，页面上必须存在 。 要确保元素存在并且可以选择，请在页面上的HTML标记中的 HTML标记中对元素执行文档就绪处理程序内的事件 绑定。如果新页面被注入页面， 选择元素并附加事件处理程序，当新的HTML被放置到页面中时，页面中的内容为 。

例如，绑定点击事件动态添加表行，绑定到文件（或理想的元素在DOM接近获得更好的性能）：

$(document).on("click", "tr", function(event){ 
    alert($(this).text()); 
});