jQuery选择创建运行时的元素

Question

我有以下场景:

我有一个div = "#div1"用html编码的.我已经使用来自脚本服务的一些数据填充了这个div [这意味着"a"最初不存在],并且数据被附加到此div作为

<a href=''>data1</a>
<a href=''>data2</a>

我有一个jQuery选择器,如:

$(document).ready(function(){
   $("#div1 a").click(function(){
      // do something
   });
});

这不是选择元素.我该如何克服这个问题？

Answer 1

#div1 a 匹配此标记中的锚点:

<div id="div1"><a href="#">test</a></div>

JS ..

$(document).ready(function(){
   $("#div1 a").click(function(){
      alert('test');
   });
});

请检查用户错误/拼写错误.

如果要在ajax调用后附加数据,则需要使用.live:

$(document).ready(function(){
   $("#div1 a").live('click', function(){
      alert('test');
   });
});