jQuery自动完成,在LI内部添加“ui-state-active”,如何在LI中添加hover / selected？

我正在使用jQuery自动完成功能,它使UL具有以下项目：

<li class="ui-menu-item" role="menuitem">
   <a class="ui-corner-all" tabindex="-1">
     <img src="/thumb/x.jpg">
     <span class="text">Mr Armstrong</span>
   </a>
</li>

这里的问题是当你悬停或选择一个项目时,当我想申请LI时,ui-state-active风格被应用于A …其他人遇到这个？如何在悬停/活动时将一个类添加到LI？

谢谢

解决方法

你可以给< a>显示：阻止以便占用整个< li>,然后(视觉上)：hover伪类的位置无关紧要：

/* Make this as specific as needed. */
li.ui-menu-item a {
    display: block;
}

CSS演示：http://jsfiddle.net/ambiguous/wZgLa/