Jquery、どうすればフリッカーを減らすことができますか？

Question

緑色の領域にカーソルを合わせると、2つのテキストフィールドが表示されます。今私が達成したいのは、緑色の領域または入力フィールドの上にマウスを置くと、ちらつきがなくても表示されるはずです。また、テキストフィールドにテキストが入力されていて、フィールドが消える前に遅延やタイマーがある場合は....

これは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(); 
    } 
}); 

Answer 2

変更するには、最初の行：

 
$("form").hide().mouseover(function(){$(this).show();});