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

Question

我正在使用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？

由于

Answer 1

你可以给<a>一个display: block以便它占用整个<li>，然后（视觉上）:hover伪 - 无关紧要上课是：

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

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