$ (this) вызывает e is undefined error

Question

Я нашел много людей с подобными ошибками, но никто не был вызван $ ('this'). Я сделал учебник, и он работал нормально, теперь я пытаюсь сделать это самостоятельно, и я получаю, что e не определяется ошибка, когда когда-либо это называется.

Я действительно не знаю, на какой вопрос спросить, я просто в тупике.

Пожалуйста, простите меня, если я испортил этот блок кода.

$(function() { 

    var nav = $('#nav'); //capture navigation call 
    nav.children('li').addClass('navList'); //groups children (not grandchildren) and applies a class for easier use later 

    $('.navList').each(function() { //.each is like for loop but with functions 
     var that = $(this), //captures this call 
      subMenu = that.find('ul') //groups sub menu items 
      ; 

     that.bind('mouseenter', function (e) { 
      //console.log("that"); 
      subMenu.show().css(); 

     }) 
      .bind('mouseleave', function (e) { 
      subMenu.hide(); 
     }); 
    }); 
}); 

HTML-не помещающий все это, поскольку это школы, и я не уверен, как они к этому относятся. но вот соответствующая часть.

 <ul id="nav" class="cf"> 
     <li><a href="/">home</a></li> 
     <li><a href="/">tutorials</a> 
      <ul> 
       <li><a href="#">JavaScript</a></li> 
       <li><a href="#">jQuery</a></li> 
       <li><a href="#">AJAX</a></li> 
      </ul> 
     </li> 
     <li><a href="/">screencasts</a> 
      <ul> 
       <li><a href="#">JavaScript</a></li> 
       <li><a href="#">jQuery</a></li> 
       <li><a href="#">AJAX</a></li> 
      </ul> 
     </li> 
     <li><a href="/">projects</a></li> 
    </ul> 

Answer 1

subMenu.show().css(); вызывает проблемы. Вызов css() здесь не нужен. Это должно быть

 that.bind('mouseenter', function (e) { 
      //console.log("that"); 
      subMenu.show(); 

     }) 
     .bind('mouseleave', function (e) { 
      subMenu.hide(); 
     }); 

Работа демо на http://jsfiddle.net/TsdRF/1/