無法從阿賈克斯DIV

Question

調用JavaScript我用ajax在我的網頁加載一些內容。我想在單擊某些錨點時運行JS函數。這些錨點屬於使用ajax加載的代碼。 ajax請求和JS函數都位於一個單獨的JS文件中，位於jQuery(document).ready(function() {之內。

我有幾個幾十個功能在這個js文件，他們正在運行良好，但這種特定的功能是通過使用AJAX檢索代碼名爲只有一個，而它不工作。我的代碼：

HTML主文件：

<!-- code --> 
<div id="ajaxContentGoesHere"> 
<!-- content inserted here by ajax function --> 
<td><a href="#" id="aLancamentoEdit<?php echo $lancamento['Lancamento']['lan_itid']; ?>">Editar</a></td> 
</div>  
<script src="/js/myJS.js"></script> 
</body> 

/js/myJS.js文件：

jQuery(document).ready(function() { 
/*some other functions here*/ 
$("[id^='aLancamentoEdit']").click(function(){ 
     console.log(1); 
} 
}); 

我試圖把HTML主文件中的$("[id^='aLancamentoEdit']").click(function(){，在撥打/js/myJS.js後的標籤。沒有工作。 也試圖改變選擇匹配我的錨類（我宣佈這個類）。沒有成功。最後還嘗試在函數中添加一個名稱，並在錨點內部調用onclick=""。再次失敗。

我在做什麼錯？

Answer 1

由於由ID的元素以 'aLancamentoEdit' 動態阿賈克斯加入，你需要click處理程序綁定到父：

$('#ajaxContentGoesHere').on('click', "[id^='aLancamentoEdit']", function() { 
    console.log(1); 
}); 

Answer 2

使用.on()動態元素的事件（在你的情況Ajax內容）。嘗試：

jQuery(document).ready(function() { 
/*some other functions here*/ 
$("#ajaxContentGoesHere").on("click","[id^='aLancamentoEdit']",function(){ 
     console.log(1); 
} 
});