Ошибка jquery .hover ()

Question

В следующем коде я пытаюсь воздействовать на элемент li, находящийся над ним.

HTML:

<div id="featured">
         <ul>
              <li class="active">foo</li>
              <li class="">bar</li>
              <li class="">giraffe</li>
         </ul>
    </div>

JavaScript:

  $(document).ready(function () {
        $('#featured ul li').hover(function(){
        //do stuff, or not
        });
    });

Но эта строка кода вызывает следующую ошибку в FF, и я не знаю, что ее вызывает.

g.guid не определен

Это происходит, даже если в строке JS ничего не происходит внутри функции. Любое понимание будет приветствоваться:)

Answer 1

Какую версию jQuery вы используете? Это звучит как старая версия. Также до версии 1.4 .hover() принимает две функции.

Answer 2

Jquery hover имеет 2 функции:

$(document).ready(function () {
    $('#featured ul li').hover(
       function(){
        //do stuff on hover over
       },
       function(){
        //do stuff on hover out
       });
});