Issue With A jQuery Autocomplete/Infinite Scroll

[phdphd]

 Hi All,

 

I have an html input tag with an associated jquery autocomplete feature. So far, I have been using the following jQuery setting :

 

jquery-1.9.1.js

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

 

 

Now, since the list may contain a lot of items and take some time to load if the user types a string that appears in many items, I want  to associate an infinite scroll with the autocomplete feature. The infinite scroll would load items 5 at a time when the user scrolls the list down.

 

I found a jsfiddle (http://jsfiddle.net/EVsye/83/) based on a previous jQuery setting (jquery 1.7.2, jquery UI 1.8.18) that illustrates this feature.

 

I tried to update this jsfiddle to my jQuery setting.

 

However there are 2 issues :

 

1. The user cannot select an item in the list.

2. Items beyond the 5th one seem to have no css applied to them (they are not aligned to the first 5 ones and the mouseover formatting has no effect on them).

 

I would much appreciate your help.

 

My jsfiddle : http://jsfiddle.net/Lp6zP/

 

Thanks!