jQuery 自动完成，将“ui-state-active”添加到 LI 的 A 内部，如何向 LI 添加悬停/选择？答案

【问题标题】：jQuery autocomplete, adds "ui-state-active" to the A inside of LI, how can I add a hover/selected to the LI?jQuery 自动完成，将“ui-state-active”添加到 LI 的 A 内部，如何向 LI 添加悬停/选择？
【发布时间】：2011-10-31 00:59:36
【问题描述】：

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

谢谢

【问题讨论】：

标签： jquery css jquery-ui jquery-ui-autocomplete

【解决方案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/

【讨论】：