jQueryのホバーが動作しない

Question

私はこれを試してみる。 jQueryを使って

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

私はsub_navigationに置くと常にfalseを返し、この

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

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

}); 

のようにホバリング。

何か問題がありますか？

おかげ

Answer 1

はfalseを返すあなたがを置くと、あなたが代わりにで、ページのロード時を警告しているので、ここでは正常です。

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

You can test it here：たとえば、これはtrueを返します。あなただけのスタイリングのためにこれをやっている場合

---

（なしJavaScriptで）ここでIE6を除くすべてのブラウザで動作します:hover CSSの擬似クラスを使用して、しかし心に留めておいてください：

#sub_navigation:hover { color: red; } 

Test it out here。