Jquery，如何减少闪烁？

Question

http://jsfiddle.net/caMvN/1/

当您将鼠标悬停在绿色区域上时，它应该显示两个文本字段。现在我想要实现的是，当我将鼠标悬停在绿色区域或输入字段上时，它们应该是可见的而不闪烁。另外，如果在文本字段中输入了一些文本，并且我将鼠标悬停在外面，则在字段消失之前应该有一个延迟或计时器......

知道如何使用 jquery 来完成此操作吗？

Answer 1

要防止闪烁，只需使用 mouseenter 和 mouseleave 即可:

$("#back2").mouseenter(function(){
  $("form").fadeIn(100);
}).mouseleave(function(){
    $("form").hide();
});

对于延迟，您可以执行以下操作:

$("#back2").mouseenter(function(){
  $("form").fadeIn(100);
}).mouseleave(function(){
    if ($('#inp1').val() != ""){
        setTimeout(function() {$("form").hide()}, 500);
    } else {
        $("form").hide();
    }
});

Here's一个工作示例

使用 hover 进行更新以响应以下评论:

$("#back2").hover(function(){
    $("form").fadeIn(100);
}, function(){
    if ($('#inp1').val() != ""){
        $setTimeout(function() {$("form").hide()}, 500);
    } else {
        $("form").hide();
    }
});