对于拼接进去的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"); });