如何调试鼠标事件处理程序

Question

因此，我在https://greasygrandpa.github.io/god.net/页上的按钮上遇到了很多麻烦，每当您在图标消失之前将鼠标移开时，它就会破坏整个事情，并且不会应用mouseleave事件处理程序函数，这是我用于它的j查询：

$(document).ready(function(){
  $('.aa').mouseenter(function (){
    $(this).animate({'width':'90%'}, 1000);
    $(this).children('.fa').delay(670).fadeIn();
    $(this).children('.fa').delay(1000).css('margin-right','40%');
  });
  $('.aa').mouseleave(function () {
    $(this).animate({'width':'40%'}, 1000);
    $(this).children('.fa').css('display','none');
    $(this).children('.fa').css('margin-right','0');
  });
  $('.aal').mouseenter(function (){
    $(this).animate({'width':'90%'}, 1000);
    $(this).children('.fa').delay(670).fadeIn();
    $(this).children('.fa').delay(1000).css('margin-left','40%');
  });
  $('.aal').mouseleave(function () {
    $(this).animate({'width':'40%'}, 1000);
    $(this).children('.fa').css('display','none');
    $(this).children('.fa').css('margin-right','0');
  });
});

.aa和.aal用于根据屏幕的侧面指定不同的div。 非常感谢您提供任何帮助，对不起，如果真的很简单，我对j-query还是陌生的，在其他任何地方都找不到任何解决方案。