Why am I getting this JS error?

Question

I get this JS error:

jquery-1.5.1.min.js:16Uncaught TypeError: Cannot set property \'_renderItem\' of undefined
d.d.extend._Deferred.f.resolveWithjquery-1.5.         


        

Answer 1

why not just wrap the autocomplete code in a check to see if that element exists?

something like this:

if ($'#myElementId').length) {
    $('#myElementId').data( "autocomplete" )._renderItem = function( ul, item ) {
         return $( "<li></li>" )
           .data( "item.autocomplete", item )
           .append( "<a>" + item.topic.name + "</a>" )
           .appendTo( ul );
    };
}

Answer 2

this problem appeared to me when i upgrade the jquery ui from old one to 1.10.0

just change

$('.foo').data("autocomplete")._render...;

To

$('.foo').data("uiAutocomplete")._render...;

source JQueryUI 1.10.0 Autocompleter renderItem problems

Answer 3

I think .data("autocomplete") isn't returning an object, as the error says:

Cannot set property '_renderItem' of undefined

If you are doing this:

$('.foo').data("autocomplete")._render...;

You try breaking it up:

$('.foo').data("autocomplete");
$('.foo')._renderItem = ...;

I've never encountered _renderItem, so I'll look more in to that.

---

Actually, this question seems to explain a problem really similar to your's: Using _renderItem kind of breaks autocomplete field

Answer 4

$(...).data('autocomplete')

is undefined, and you can't set a property of undefined. try:

var obj = $(...).data('autocomplete');
obj && (obj._renderItem = function(){
   ...
});