Search jQuery

jQuery Forum

Using jQuery UI

pealo86

Problem setting autocomplete limit in IE7, 8

in Using jQuery UI • 7 months ago

I'm using the following script to set an autocomplete on a text field:

$("#franchisee_type").autocomplete({
source: function(request, response) {
var results = $.ui.autocomplete.filter(tags, request.term);
response(results.slice(0, 4));
},
appendTo: "#ui-autocomplete-wrapper-01"
});

It works fine in decent browsers, but in IE the autocomplete won't load at all. It used to load until I added all that code under the 'source' option in order to limit the amount of results to '4'.

I now get the error in the attached image.

Any ideas what might be wrong? Could the problem be caused by the comma after the closing brace?

http://www.mattpealing.co.uk

Replies(8)

pealo86

Re: Problem setting autocomplete limit in IE7, 8

7 months ago

Don't suppose anyone's able to advise on this?

http://www.mattpealing.co.uk

jakecigar

Re: Problem setting autocomplete limit in IE7, 8

7 months ago

Switch to the unminified version of jQuery UI, get a real line number. See what is going on at that line.

JΛ̊KE

pealo86

Re: Problem setting autocomplete limit in IE7, 8

6 months ago

Thanks for the tip. I tried that but the error still seems the same :/

What I'm thinking will be the best bet will be to simply hide all the <li> elements and then show the first 3. Only seeing as I can only apply inline styles it doesn't work.

Is there any way I can run a function everytime .autocomplete is executed? I'm currently trying to hook a function on like so but it doesn't seem to be working:

$("#franchisee_loc").autocomplete({
source: tags,
appendTo: "#ui-autocomplete-wrapper-02"
});
$('#franchisee_loc').on('autocomplete.init', function() {
// show only first 3 items
$('.ui-autocomplete li').css('display', 'none');
$('.ui-autocomplete li').slice(0, 2).css('display', 'none');
});

I get the following error:

$("#franchisee_loc").on is not a function

http://www.mattpealing.co.uk

jakecigar

Re: Problem setting autocomplete limit in IE7, 8

6 months ago

Are you using another library that is stealing $? You may want to use noconflict or a local $ or spell out jQuery instead of $.

You can also use CSS to hide excess <li>s

JΛ̊KE

pealo86

Re: Problem setting autocomplete limit in IE7, 8

6 months ago

Turned out the issue was jQuery not being up to date.

I've reworked the code like so:

$( "#franchisee_type" ).on( "autocompleteopen", function( event, ui ) {
// show only first 3 items
$('#ui-id-1 li').css('display', 'none');
$('#ui-id-1 li').slice(0, 3).css('display', 'block');
});
$( "#franchisee_loc" ).on( "autocompleteopen", function( event, ui ) {
// show only first 3 items
$('#ui-id-2 li').css('display', 'none');
$('#ui-id-2 li').slice(0, 3).css('display', 'block');
});

and I am STILL getting the same error arghhh!

I've attached an image that shows the problematic line of code ('return matcher.test' etc) but have no idea what it means?