jQuery-ie9 下jqeury的hover()失效

Question

实现功能：鼠标移到a元素上，下拉菜单出现（很常见的功能），在其他浏览器上能实现，在ie9下拉菜单不显示，搜了很多解决方法，都没有解决。麻烦各位解答下。
HTML代码：
<a href="#/information" class="top-user-info">
</a>
<ul class="top-nav-dropdown">
<li><a href="#/information">个人信息</a></li>
<li><a href="#/inbox">系统消息</a></li>
<li><a href="#/edit-self-info" class="letter-space">设置</a></li>
<li><a href="clear_sid" class="letter-space">退出</a></li>
</ul>
js代码：
$("a").hover(function(){
$(".top-nav-dropdown").show();
// $(".top-user-info").css("background","#0e95d2");
},function(){
$(".top-nav-dropdown").hide();
});

Answer 1

$("a").toggle(function(){
$(".top-nav-dropdown").show();
// $(".top-user-info").css("background","#0e95d2");
},function(){
$(".top-nav-dropdown").hide();
});
试试