切換不起作用在菜單中懸停

Question

我一直與此戰鬥了很多小時，看起來很奇怪，當我在Fiddle上看到相同的工作，但同樣的事情在我的代碼中不起作用。在這裏，我貼我的HTML和JS，CSS可以在這裏看到：http://jsfiddle.net/rd6bX/76/

<div class="center-menu">  
     <ul> 
       <li class="bbw-user-link glyphicon glyphicon-chevron-left" ><a href="" style="color:white;">item to be hovered</a> 

        <div class="menu middle"> 
        <ul> 
          <li><a href="#">Some Menu Item</a></li> 
          <li><a href="#">Another Item</a></li> 
          <li><a href="#">Another Item</a></li> 

        </ul>      
        </div>     

       </li> 

     </ul> 

jQuery代碼：

jQuery('.center-menu ul li').hover(function() { 
    jQuery(this).children('.menu.middle').toggle(); 
}); 

Answer 1

試試這個：

jQuery(function(){ 
    jQuery('.center-menu ul li').hover(function() { 
    jQuery(this).children('.menu.middle').toggle(); 
    }); 
});