ajax下插入html，里面的元素无法添加事件

今天要做一个母亲节专题，一个页面里面有很多弹出层，弹出层里面显示详细内容，于是，想到了用ajax异步加载，但对加载过来的元素添加事件的时候 却出现问题了，事件无效，这是不是使用ajax的一个限制呢？？于是换了中思路，即把作用事件的元素单独放在一个层里，不让他用ajax传过来，解决。。。

 for(var i=0,l=as.length;i<l;i++){
            as[i].i=i;

            as[i].onclick=function(){
                //alert(this.i)
                show();
                switch(this.i){
                    case 0:
                      $('.pop').load('1.html');
                    break;
                    case 1:
                      $('.pop').load('2.html');
                    break;
                    case 2:
                      $('.pop').load('3.html');
                    break;
                    default:
                    pop.innerHTML='null';
                }

            }
        }
        var close=getElementsByClassName('close')[0];
        //alert(close.className)
        close.onclick=function(){
           hide();
        }