Javascript jqueryhover不停地发射

我有一个表单，我打算被“覆盖”，直到用户将鼠标移到它上面。要做到这一点，我有一个div，它通过z-index和绝对定位放置在表单顶部，当用户将鼠标悬停在它上面时，它将被隐藏，从而使表单可见

表格：

目前，当我将鼠标移到#表单封面上时，封面div会一直隐藏，然后反复显示，而我只想让它在用户鼠标离开表单时隐藏并再次显示

我试过的

$('#form-cover').mouseenter(function(){
    $(this).hide();
    //$('#form-cover').removeClass('form-cover');
});
$('#form-cover').mouseleave(function(){
    $(this).show();
    //$('#form-cover').addClass('form-cover');
});

还有把mouseenter和mouseleave锁在一起，但似乎没有任何效果

任何帮助都将不胜感激

---

小提琴可以在这里找到，这是因为你的表单封面隐藏了，从而触发了鼠标离开

尝试：

---

这是因为表单封面隐藏了，从而触发了鼠标离开

尝试：

---

您的mouseleave不应绑定到表单封面，因为您希望在鼠标离开表单时显示它。我认为，当用户悬停时，应该永久隐藏封面，必须悬停表单才能看到它是一个坏用户experience@Huangism我知道你是从哪里来的，但我计划有多个表单，所以我计划使用封面来覆盖用户当前未使用的表单，这就是我的想法。我很想听听你的其他建议=）你的鼠标不应该绑定到表单封面，因为你想在鼠标离开表单时显示它。我认为，当用户悬停时，应该永久隐藏封面，必须悬停表单才能看到它是一个坏用户experience@Huangism我知道你是从哪里来的，但我计划有多个表单，所以我计划使用封面来覆盖用户当前未使用的表单，这就是我的想法。我很想听听你可能有的任何其他建议=）我不敢相信我没有想到这个哈哈，这是一个简短而甜蜜的答案让它工作没有问题：）这是我在过去做过无数次的事情，直到我意识到它。我不敢相信我没有想到这个哈哈，这是一个简短而甜蜜的回答，让它工作起来没有问题：）这是我过去做过无数次的事情，我一直在挠头，直到我意识到这一点。

$('#form-cover').hover(function(){
    $(this).hide();
    },function(){
        $(this).show();
});

$('#form-cover').mouseenter(function(){
    $(this).hide();
    //$('#form-cover').removeClass('form-cover');
});
$('#form-cover').mouseleave(function(){
    $(this).show();
    //$('#form-cover').addClass('form-cover');
});

$('#form-cover').mouseenter(function() {
   $(this).hide(); 
});
$('#business').mouseleave(function() {
   $('#form-cover').show(); 
});