Javascript div mouseenter（）或hover（）、delay（）、fadeIn（），在小于延迟时间的jQuery中输入多个div条目

我试图解决这个问题，但没有成功。我已经尝试了多个代码调整。 事情是这样的。当div mouseenter（）时，我得到了一个div，它的大小将增加，另一个div的css将在延迟后更改。当mouseleave（）时，它将全部设置为开始时的状态。这一切都很好。 问题是，当您在小于延迟时间的时间段内多次输入同一个div时（比如500毫秒内输入2次），它将显示内部div并使其可见，即使鼠标不在div中。 拜托，你能建议一个可行的办法吗？ 这里是一个有两种可能性的工作小提琴，我让它工作，但没有成功地提到的问题。谢谢你的建议。
PS:已尝试使用if（）{（div）.width（）>110}但也没有成功，它总是打开的

settimeout有时会延迟触发，因此在显示数据之前，它不会检查悬停是否仍处于打开状态

我在Ruka上添加了一个属性。称为悬停，设置为1并在第二部分重置

function() {

    $(".insidelevaruka").attr("hover",0);
    $(".insidelevaruka").css({"display":"none"});
    $(this).css({"width": "100px", "height": "100px"});
    $(".e1").stop(true, true).css({"display":"none"});

});

  $(".pravaruka").mouseenter(function() {
    $(".insidepravaruka").delay(600).fadeIn();
  });
$(".pravaruka").mouseleave(function() {
    $(".insidepravaruka").hide();

}

---

它现在似乎工作正常。请检查

您好，您能解释一下设置超时的目的吗？因为加载是第一次，然后增加窗口高度，它工作得很好。：）非常感谢你解决了这个问题。

$( ".levaruka" ).hover(function() {

    $(".insidelevaruka").attr("hover",1);

    $(".insidelevaruka").finish(true, true).each(function() {
        setTimeout(function() { 
        if($(".insidelevaruka").attr("hover")==1){
          $(".insidelevaruka").fadeIn();
            $(".e1").fadeIn();
            }

    }, 1000);
    });
    $(this).css({"width": "350px", "height": "350px"});
}

function() {

    $(".insidelevaruka").attr("hover",0);
    $(".insidelevaruka").css({"display":"none"});
    $(this).css({"width": "100px", "height": "100px"});
    $(".e1").stop(true, true).css({"display":"none"});

});

  $(".pravaruka").mouseenter(function() {
    $(".insidepravaruka").delay(600).fadeIn();
  });
$(".pravaruka").mouseleave(function() {
    $(".insidepravaruka").hide();

}