对于拼接进去的html原来绑定的jq事件失效

JQ拼接显示的页面中鼠标事件失效

由于是先加载html在用js层绑定的所有后来加进来的html内容就不再绑定js

所以我们需要利用delegate绑定,但是同样道理也不能写在普通的方法层里,因为这样还是会失效

所以本身拼接的时候我们就在componentDidMount()里我们就继续在尾部添加我们的delegate()

//新增的页面会用到的鼠标事件
        $(document).delegate(".userM_info","mouseover",function(){
            var forkIndex = $(this).index();
            $('.userM_fork').eq(forkIndex).css("display","block");
        });
        $(document).delegate(".userM_info","mouseout",function(){
            var forkIndex = $(this).index();
            $('.userM_fork').eq(forkIndex).css("display","none");
        });

 

posted @ 2018-08-24 17:01  sukidagala2018  阅读(934)  评论(0编辑  收藏  举报