在jquery自動完成中使用_renderItem破解的CSS

Question

在jquery自動完成中，我正面臨着_renderItem的一些問題。

我有（不使用_renderItem）一個自動完成小提琴 - https://jsfiddle.net/fuyfksLd/

This code has a different CSS than usual 

我已經添加了一些CSS當我添加了_renderItem代碼被打破 - https://jsfiddle.net/fjwbLnhv/。

The background of the list items shrinks. 

我在做什麼錯？

Answer 1

add in css 


    .ui-autocomplete .ui-menu-item a{ 
    text-decoration: none; 
     display: block; 
     width: 100%; 
     height: 100%; 
    } 

Answer 2

您需要將<li>的內容放在一個div不是一個錨例如爲：

<div class="ui-menu-item-wrapper">ActionScript</div> 

他們用不同的造型裏面。