jquery prepend元素

Question

我有一个列表项，其中包含一个锚标记。这点击X就可以了，这很好。然而，当我通过jQuery添加一个新的列表项目，然后点击这个新列表项目中的锚点标签，点击没有注册。下面的代码片段。

点击时：

$('ul#foo li p a#delete').click(function(){ 

alert('hmm'); 
}); 

一个Ajax调用后添加新的元素：

onComplete: function(id, fileName, data){ 
      $('ul#foo').prepend(data.li); 
     } 

现在我认为它与事实DOM心不是知道新的做元件？

因此，一些谷歌上搜索，我意识到每个人都在说使用.live（）上的 '改变' 后

所以我尝试.live（）：

$('ul#foo').live('change', function() { 
    //something 
}); 

多数民众赞成在IM卡。 ive之前从未使用过.live（）。我错过了什么，我做错了吗？任何帮助，将不胜感激。

在我的新即时元素上注册点击是什么样的id。

感谢阅读

Answer 1

您遇到的困惑实际上是与选择器有关。一旦你通过jQuery选择正确的东西，其余的更容易。好了，你的HTML应该看起来更像是这样的：

<ul> 
    <li><a class="someUniqueClassToTheseLinks" href="whatever"></a></li> 
</ul> 

，这样当你通过jQuery的添加利，它应该是这样的：

<ul> 
    <li><a class="someUniqueClassToTheseLinks" href="whatever"></a></li> 
    <li><a class="someUniqueClassToTheseLinks" href="whateverElse"></a></li> 
</ul> 

现在您的现场活动报名就是：

$('a.someUniqueClassToTheseLinks').live('click', function(event) { 
    ... 
}); 

Answer 2

您使用live的权利，但我不认为你需要的'change'事件。您应该使用'click'。此外，而不是使用ul#foo选择器，你会想要回到原来的ul#foo li p a#delete选择器。

喜欢的东西：

​​

由于Milimetric指出，这将有自己的问题，以及，由于这样的事实，你的选择是使用#id选择类型。元素ID在页面上必须是唯一的。真的，你想要分配一个css类到你想用click事件处理器捕捉的所有元素，然后相应地改变你的选择器。

宁可然后<a href="#" id="delete">，你可以做<a href="#" class="delete">和改变你的选择。

Answer 3

你想要jQuery委托（）。

http://api.jquery.com/delegate/

它的工作原理类似于.live但它更容易一点，并建议在.live这是真的只保持周围向后兼容性。