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 中的某个链接时，我没有看到警报。怎么了？

---

我还尝试在ajax结束后绑定它：

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

没有帮助我。

Answer 1

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

Answer 2

您可能在加载 html 之前运行绑定函数，因此它找不到元素

所以，将您的代码在 dom 加载上运行：

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

Answer 3

尝试包装 jQuery 调用：

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