Jquery 如何防止mouseenter/mouseleave事件动画；交叉；？

目前，我有以下脚本为dynamic div内容供电：

$("a.mbl").click(function() {

    var mblid = $(this).attr("id");

    $("#mid-box-left").fadeOut(250, function() {
        $("#mid-box-left").html($("#mbl" + mblid).html())
        .hide()
        .fadeIn(250, function () {
            $('#mid-box-left')

            $("#mid-box").on("mouseenter", "a.testbox", function() {

                var tbid = $(this).attr("id");

                $("#mid-box-right").fadeOut(250, function() {
                    $("#mbr" + tbid).css("display", "block")
                    .hide()
                    .fadeIn(250, function () {
                        $("#mbr" + tbid)
                    });
                });
            });

            $("#mid-box").on("mouseleave", "a.testbox", function() {

                var tbid = $(this).attr("id");

                $("#mbr" + tbid).fadeOut(250, function() {
                    $("#mbr" + tbid).css("display", "none");
                    $("#mid-box-right").fadeIn(250);
                });
            });
        });
    });
    return false;
})

该功能允许用户从徽标块的一系列徽标中进行选择，然后在徽标旁边显示特定的div内容。然后用户将鼠标悬停在该div内容上，一个隐藏的div在logo块的顶部淡入。当他们离开div时，隐藏的div会淡出，logo块会重新进入

我遇到的问题是，当用户太快地将鼠标从a.testbox区域移出或移入a.testbox区域时，两个动画似乎冲突，导致隐藏的div内容和徽标块同时出现

如果用户将鼠标“太笨拙”地移出或移入相关div，是否有任何方法可以防止触发转换动画，或者我看到的防止这种重叠的另一种方法？

您可以使用do-an

Is（“：animated”）

检查要设置动画的元素，查看其当前是否正在设置动画。如果检查返回

false

，则需要触发动画