JQuery не работает

Question

Когда я попробую это.

<ul id="sub_navigation"><li>A</li><li>B</li></ul>

с jQuery hover, как это

$(function() {
    $('#sub_navigation').hover(function() {
        $(this).addClass('hovered');
    },
    function() {
    $(this).removeClass('hovered');
    });

   alert($('#sub_navigation').is('.hovered'));

});

всегда возвращать ложь, когда я нахожусь в sub_navigation.

что-то не так?

спасибо

Answer 1

Возвращение false здесь нормально, так как вы оповещаете , когда страница загружается , вместо , когда вы наводите . Например, это вернет true:

$(function() {
    $('#sub_navigation').hover(function() {
        $(this).addClass('hovered');
        alert($('#sub_navigation').is('.hovered'));
    }, function() {
        $(this).removeClass('hovered');
    });
});

Вы можете проверить это здесь .

---

Имейте в виду, что если вы делаете это только для стилизации, использование псевдокласса :hover CSS будет работать во всех браузерах, кроме IE6 (без JavaScript):

#sub_navigation:hover { color: red; }

Проверьте это здесь .