我不能給我的jquery函數分配一個mouseover事件

Question

我有一個菜單，當我點擊底部時，菜單項會出現。但是當我把鼠標放在菜單項上時，我需要改變這個代碼出現（而不是點擊）。 這裏是菜單的我的HTML代碼，它是jQuery的：

<div class="menu_block"> 
    <nav id="bt-menu" class="bt-menu"> 
     <a href="#" class="bt-menu-trigger"><span>Menu</span></a> 
     <ul> 
      <li class="current bt-icon"><a href="index.php">Home</a></li> 
      <li class="bt-icon"><a href="about.php">About</a></li> 
      <li class="bt-icon"><a href="products.php">Products</a></li> 
      <li class="bt-icon"><a href="projects.php">Projects</a></li> 
      <li class="bt-icon"><a href="trading.php">Trading</a></li> 
      <li class="bt-icon"><a href="Contacts.php">Contacts</a></li> 
     </ul> 
    </nav> 
    <div class="clear"></div> 
</div> 

，這是我的jQuery代碼：

<script> 
    $(document).ready(function(){ 
     $(".bt-menu-trigger").toggle(
      function(){ 
       $('.bt-menu').addClass('bt-menu-open'); 
      }, 
      function(){ 
       $('.bt-menu').removeClass('bt-menu-open'); 
      } 
     ); 
     $('.responsive').on('click', '.close', function(){ 
      $('.close').remove(); 
      bgColor = $('.active .card-front').css('background-color'); 
      $('.responsive').removeClass(effect); 
      $('.all-content').hide(); 
      $('.content li').removeClass('active').show().css({ 
       'border-bottom':'1px solid #2c2c2c', 
       'border-left':'1px solid #2c2c2c' 
      }); 
      $('.card-front, .card-back').show(); 
      $('.content').css('background-color',bgColor); 
     }); 
</script> 

Answer 1

嘗試使用.hover()：http://api.jquery.com/hover/

$('.responsive').hover(function() { 
    $('.close').remove(); 
    bgColor = $('.active .card-front').css('background-color'); 

    ...... 

});