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

加载数据时执行该脚本。数据加载之前您正在执行此脚本。