jquery和ajax问题

Question

我正在使用jquery和ajax.

我有一些ids id ="apple-23",id ="apple-45"和...

我有一些像这样的jquery代码:

 $("[id^=apple]").click(function(){
     elid = $(this).attr('id').split("-");
     pid = elid[1];
     alert(pid);
 });

代码适用于这些div.

但是ajax也会返回类似的id,类似id ="apple-61"等id模式,但是jquery代码对这些ajax生成的div不起作用.

为什么会这样？我该如何解决？

Answer 1

问题是您在元素存在之前绑定事件.

请改用live(假设您使用的是jQuery 1.3+):

$("[id^=apple]").live("click", function(){
     elid = $(this).attr('id').split("-");
     pid = elid[1];
     alert(pid);
 });