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（）函數是可能的問題根源。