最近用angularjs做管理后台,需要实现一个需求,两个分开的表格能够同时横向滚动,所以给这两个表格都绑定了scroll事件,页面刷新后是可以正常绑定的,但是如果页面切换后或者分页之后,就不行了。这个时候查看绑定在两个表格上绑定的时间并没有我绑定的事件= =
如果刷新一下页面又是可以的.....求大神指导T T
angular.element('#channelThead').bind('scroll',function(){
setTimeout(function(){
$('#channelTbody').scrollLeft($('#channelThead').scrollLeft());
},100)
})
angular.element('#channelTbody').bind('scroll',function(){
setTimeout(function(){
$('#channelThead').scrollLeft($('#channelTbody').scrollLeft());
},100)
})
因为你这样写,事件是在执行这2句语句时,绑定在具体的DOM元素上的。等你切换或分页时,DOM重建,事件就消失了,除非你再执行这2句语句。
实际上,在Angular中,这种需求的最佳实现方案是,把事件绑定写在指令中,对这2个标签添加指令。