2011-10-31 57 views
3

我使用jQuery自動完成這讓UL與喜歡的物品:jQuery自動完成,在LI中添加「ui-state-active」到A的內部,如何添加懸停/選擇到LI?

<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中?

感謝

回答

3

你可以給一個<a>這樣display: block,它會佔據整個<li>的話,那就沒有關係(視覺),其中:hover僞類是:

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

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