jquery：clickイベントを使用してdivを非表示にした後でも、mouseoutイベントが発生します

Question

jQuery("#na").mouseover(function() 
{ 
    jQuery("#na").animate({width:"325px", height:"203px", left:"-40px", top:"-25px"}, 200) 
}); 

jQuery("#na").mouseout(function() 
{ 
    jQuery("#na").stop() 
    jQuery("#na").animate({width:"244px",height:"152px", left:0, top:0}, 200) 
}); 

jQuery("#na").click(function() 
{ 
    jQuery("#na").hide() 
    jQuery("#back").show() 
}); 

私のコードは、クリックイベントがトリガされたときに問題が発生します。もう一度やり直す。問題はmouseoutイベントがトリガーされていることだと思っていましたが、私の人生はそれを修正する方法を理解できません。何か案は？

Answer 1

mouseoutメソッドの内部で、「na」が表示されているかどうかを確認します。それが隠されているなら、何もしないでください。さもなければあなたはアニメーションを行うことができます。

EDIT：

すると、このようなあなたのマウスアウトの方法を試してみてください。これが機能するかどう

jQuery("#na").mouseout(function(){ 
    if(jQuery("#na").is(":visible")){ 
     jQuery("#na").stop() 
     jQuery("#na").animate({width:"244px",height:"152px", left:0, top:0}, 200) 
    } 
}); 

Answer 2

jQuery("#na").click(function(e) 
{ 
    e.stopPropagation(); 
    jQuery("#na").hide() 
    jQuery("#back").show() 
}); 

私は理論的には、これは覚書ENTのプロパゲーションを停止する必要がありますが、私は..わかりませんプロポジットされているクリックイベントだけを停止するかどうかは分かりません。