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();

        }