我不能给我的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'); 

    ...... 

});