運行Javascript或Jquery通過Ajax加載的HTML，未通過源代碼打印

Question

我在頁面上有一個鏈接，如果點擊，將通過Ajax生成一個彈出窗口。 （彈出代碼不在我的控制之下）

現在我想通過我的代碼jQuery在此彈出窗口的鏈接上添加功能。

加載頁面後，此彈出窗口未打印在源代碼中。很明顯，jQuery無法找到這個鏈接。

我該怎麼做，在此ajax彈出窗口的鏈接上添加click（）觸發器功能？

Answer 1

如果我正確地理解了這個問題，您的click事件不會被觸發，因爲目標在事件附加後加載。要解決這個問題，你可以取消'[開]'（http://api.jquery.com/on/）方法。

$("#myModal").on("click", "a#myLink", function() { 
    console.log("click fired"); 
}); 

$("#modalContainer").on("click", "#myTargetElement", function() 
 
{ 
 
    console.log("click fired"); 
 
}); 
 

 
$('#btn').click(function() 
 
       { 
 
    $('#modalContainer').html("<div id='myTargetElement'>ajax loaded content</div>") 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="modalContainer">initial content</div> 
 
<button id=btn>fake ajax load</button>