爲什麼選擇選項消失了，我怎麼能解決呢

Question

http://jsfiddle.net/nofear87/uBEDA/

$('#produceMenu').mouseover(function(){ 
     $('#produceMenu').show(); 
    }).mouseout(function(){ 
     $('#produceMenu').hide(); 
    }); 

$('#menuProduce').mouseover(function() { 
     var pos = $('#productionMenu').position(); 
     $('#produceMenu').css({ 
      "top" : pos.top + "px", 
      "left": (pos.left + 111) + "px" 
     }); 
     $('#produceMenu').show(); 
    }).mouseout(function() { 
     $('#produceMenu').hide(); 
    }); 

爲什麼選擇選項消失了，我該如何解決呢。在Firefox中它可以工作......但在Chrome中它消失了。 在即孔樣本不工作......不知道爲什麼，有沒有在鼠標懸停在ie的任何問題？

非常感謝你！

Answer 1

，而不是鼠標懸停，鼠標移開時使用的mouseenter和鼠標離開

$('#produceMenu').mouseenter(function(){ 
      $('#produceMenu').show(); 
     }).mouseleave(function(){ 
      $('#produceMenu').hide(); 
    }); 

    $('#menuProduce').mouseenter(function() { 
      var pos = $('#productionMenu').position(); 
      $('#produceMenu').css({ 
       "top" : pos.top + "px", 
       "left": (pos.left + 111) + "px" 
      }); 
      $('#produceMenu').show(); 
     }).mouseleave(function() { 
      $('#produceMenu').hide(); 
     }); 

檢查編輯Fiddle