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

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


 for(var i=0,l=as.length;i             as[i].i=i;

            as[i].οnclick=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.οnclick=function(){
           hide();
        }

你可能感兴趣的:(ajax下插入html,里面的元素无法添加事件)