jQuery :: live懸停問題

Question

示例jsfiddle是here。嘗試懸停紅色方塊，然後盤旋藍色方塊。爲什麼閃爍？我怎樣才能防止藍色方塊消失？

（這實際上是一個標籤，它的前圖標，徘徊時纔會出現）

的JavaScript：

$("#foo").live("mouseover mouseout", function(e) { 
    if (e.type == "mouseover") { 
     $("#foo").append("<div id='bar'>"); 
    } else { 
     $("#bar").remove(); 
    } 
}); 

CSS：

#foo { 
width: 100px; 
height: 50px; 
background: red; 
} 

#bar { 
    width: 10px; 
    height: 10px; 
    background: blue; 
} 

感謝

Answer 1

不知道你的意圖是什麼，但它是你在找什麼：http://jsfiddle.net/PXExS/4/

$("#foo").live("mouseenter mouseleave", function(e) { 
    if (e.type == "mouseenter") { 
     $("#foo").append("<div id='bar'>"); 
    } else { 
     $("#bar").remove(); 
    } 
}); 

Answer 2

您可以通過執行

$("#foo").live("hover", function(e) { 
    $("#bar").toggle(); 
}); 

檢查工作例如在http://jsfiddle.net/PXExS/9/