Question

在我的网页，我的

<div ng-repeat='img in imgList'> 
    <div class='img_container' ng-mouseover="show(img)" ng-mouseleave="hide(img)"> 
     <div>one thumbnail</div> 
     <div class='overlay_edit' ng-show='img.isShowEdit'></div> 
    </div> 
</div> 

    // from controller 
    $scope.hide = function hide(img){ 
     img.isShowEdit = false; 
    } 

    $scope.show = function show(img){ 
     if(img.metas != undefined && img.metas.length > 0){ 
      // a few lines of codes to use img.metas to 
      // format the edit div block, omitted for simplicity 
      // but it does involve calling a REST service call 
      // to retrieve all meta properties. 
      img.isShowEdit = true; 
     } 
    } 

数组时，鼠标进入div容器，当鼠标离开div容器隐藏叠加编辑DIV显示。

我遇到的问题是，当鼠标在很多容器中移动得太快时，我会看到很多鬼影叠加层。

解决此问题的最佳方法是什么？

编辑添加其他信息和更正错误。

Answer 1

问题是show（）需要一些时间才能完成。如果ng-mouseleave触发器在show（）完成之前发生，那么ng-mouseleave的触发器不起作用。当我移动“img.isShowEdit = true;”时到show（）body的开头，它解决了幽灵问题。感谢Narek指出show（）函数是可能的问题根源。