的.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()); 
});