jQuery 自动完成，将 "ui-state-active"添加到 LI 的 A 中，如何将悬停/选中添加到 LI？

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/