JQuery的事件綁定

Question

我從數據庫加載一些HTML（用ajax post請求），它看起來像：

<div id="slides_control"> 
    <div> 
     <a href="#"></a> 
    </div> 
</div> 

使用HTML我還加載JS代碼：

<script> 
$('#slides_control a').bind('click', function() { 
    alert('achtung'); 
}); 
</script> 

腳本去在html之後（在收到的數據中）。

但是，當我點擊新的HTML內的鏈接，我沒有看到警報。怎麼了？

---

我也試圖綁在阿賈克斯結束之後：

$.post('page.php', {}, function(data) { 
    document.write(data); 
    $('#slides_control a').bind('click', function() { 
     alert('achtung'); 
    }); 
}); 

沒有幫助我。

Answer 1

你可能運行的綁定功能，您的HTML已加載之前，所以它沒有找到元素

所以，把你的代碼在DOM負荷運行：

$(function(){ 
    $('#slides_control a').bind('click', function() { 
     alert('achtung'); 
    }); 
}): 

Answer 2

嘗試包裝jQuery的電話：

<script> 
$(function(){ 
    $('#slides_control a').bind('click', function() { 
     alert('achtung'); 
    }); 
}); 
</script> 

Answer 3

加載數據時執行該腳本。數據加載之前您正在執行此腳本。