blocks|key|236644|text|我在以后的版本中遇到了相同的problem...seems，它必须是.data("ui-autocomplete")而不是.data("autocomplete")|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|236645|entityMap^0|Y|O|1P|L|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

I ran into the same problem...seems in later versions, it has to be <code>.data("ui-autocomplete")</code> instead of <code>.data("autocomplete")</code>

blocks|key|3116348|text|由于我刚加入，不能评论drcforbin上面的帖子，我想我必须添加我自己的答案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3116349|drcforbin是正确的，尽管它确实是一个与OP不同的问题。由于刚刚发布的jQuery+UI的新版本，任何来到这个主题的人现在都可能面临这个问题。与自动完成相关的某些命名约定在v1.9的jQuery+UI中已弃用，并已在v1.10中完全删除(请参阅http://jqueryui.com/upgrade-guide/1.10/#autocomplete)。|offset|length|3116350|然而，令人困惑的是，他们只提到了从item.autocomplete数据标记到ui-autocomplete-item，的转换，而autocomplete数据标记也被重命名为ui-autocomplete.这甚至更令人困惑，因为演示仍然在使用旧的语法(因此是坏的)。|style|BOLD|3116351|以下是自定义数据演示中jQuery+UI+1.10.0的_renderItem函数需要更改的内容：http://jqueryui.com/autocomplete/#custom-data|3116352|原始代码：|3116353|.data(+"autocomplete"+)._renderItem+=+function(+ul,+item+)+{
++return+$(+"<li>"+)
++++.data(+"item.autocomplete",+item+)
++++.append(+"<a>"+%2B+item.label+%2B+" "+%2B+item.desc+%2B+"</a>"+)
++++.appendTo(+ul+);
};|code-block|syntax|javascript|3116354|修复代码：|3116355|.data(+"ui-autocomplete"+)._renderItem+=+function(+ul,+item+)+{
++return+$(+"<li>"+)
++++.data(+"ui-autocomplete-item",+item+)
++++.append(+"<a>"+%2B+item.label+%2B+" "+%2B+item.desc+%2B+"</a>"+)
++++.appendTo(+ul+);
};|3116356|请注意autocomplete和item.autocomplete.的更改我已经验证了这在我自己的项目中是有效的。|3116357|entityMap|0|LINK|mutability|MUTABLE|url|http://jqueryui.com/upgrade-guide/1.10/#autocomplete|1|http://jqueryui.com/autocomplete/#custom-data^0|0|3H|1G|0|0|H|H|13|K|1T|C|2F|F|0|1D|19|1|0|0|0|0|0|3|C|G|H|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|19|8|@]|9|@$D|1A|E|1B|1|1C]]|A|$]]|$1|F|3|G|5|6|7|1D|8|@$D|1E|E|1F|H|I]|$D|1G|E|1H|H|I]|$D|1I|E|1J|H|I]|$D|1K|E|1L|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|1M|8|@]|9|@$D|1N|E|1O|1|1P]]|A|$]]|$1|L|3|M|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|1R|8|@]|9|@]|A|$Q|R]]|$1|S|3|T|5|6|7|1S|8|@]|9|@]|A|$]]|$1|U|3|V|5|P|7|1T|8|@]|9|@]|A|$Q|R]]|$1|W|3|X|5|6|7|1U|8|@$D|1V|E|1W|H|I]|$D|1X|E|1Y|H|I]]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1Z|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]|16|$5|11|12|13|A|$14|17]]]]

Since I just joined and can't comment on drcforbin's post above, I guess I have to add my own answer.

drcforbin is correct, although it is really a different problem than the one that the OP had. Anyone coming to this thread now is probably facing this issue due to the new version of jQuery UI just released. Certain naming conventions relating to autocomplete were deprecated in jQuery UI in v1.9 and have been completely removed in v1.10 (see <a href="http://jqueryui.com/upgrade-guide/1.10/#autocomplete" rel="noreferrer">http://jqueryui.com/upgrade-guide/1.10/#autocomplete</a>).

What is confusing, however, is that they only mention the transition from the item.autocomplete data tag to ui-autocomplete-item, but the autocomplete data tag has also been renamed to ui-autocomplete. And it's even more confusing because the demos are still using the old syntax (and thus are broken).

The following is what needs to change in the _renderItem function for jQuery UI 1.10.0 in the Custom Data demo here: <a href="http://jqueryui.com/autocomplete/#custom-data" rel="noreferrer">http://jqueryui.com/autocomplete/#custom-data</a>

Original code:

<pre><code>.data( "autocomplete" )._renderItem = function( ul, item ) {
 return $( "&lt;li&gt;" )
 .data( "item.autocomplete", item )
 .append( "&lt;a&gt;" + item.label + "&lt;br&gt;" + item.desc + "&lt;/a&gt;" )
 .appendTo( ul );
};
</code></pre>

Fixed code:

<pre><code>.data( "ui-autocomplete" )._renderItem = function( ul, item ) {
 return $( "&lt;li&gt;" )
 .data( "ui-autocomplete-item", item )
 .append( "&lt;a&gt;" + item.label + "&lt;br&gt;" + item.desc + "&lt;/a&gt;" )
 .appendTo( ul );
};
</code></pre>

Note the changes for both autocomplete and item.autocomplete. I've verified that this works in my own projects.

blocks|key|236668|text|根据您使用的jquery+ui的版本，它将是“自动完成”或“ui-自动完成”，我对combobox插件进行了此更新以解决此问题(~ln+78-85)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|236669|var+autoComplete+=+input.data("ui-autocomplete");
if(typeof(autoComplete)+==+"undefined")
+++++autoComplete+=+input.data("autocomplete");

autoComplete._renderItem+=+function(ul,+item)+{|code-block|syntax|javascript|236670|..。|236671|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Depending on the version of jquery ui you're using it will either be "autocomplete" or "ui-autocomplete", I made this update to the combobox plugin to fix the problem (~ln 78-85)

<pre><code>var autoComplete = input.data("ui-autocomplete");
if(typeof(autoComplete) == "undefined")
 autoComplete = input.data("autocomplete");

autoComplete._renderItem = function(ul, item) {
</code></pre>

...

blocks|key|3116375|text|我使用的是jquery+1.10.2，它的工作原理是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3116376|.data(+"custom-catcomplete"+)._renderItem+=+function(+ul,+item+)+{
++return+$(+"<li>"+)
++++.data(+"ui-autocomplete-item",+item+)
++++.append(+"<a>"+%2B+item.label+%2B+" "+%2B+item.desc+%2B+"</a>"+)
++++.appendTo(+ul+);
};|code-block|syntax|javascript|3116377|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I'm using jquery 1.10.2 and it work using:

<pre><code>.data( "custom-catcomplete" )._renderItem = function( ul, item ) {
 return $( "&lt;li&gt;" )
 .data( "ui-autocomplete-item", item )
 .append( "&lt;a&gt;" + item.label + "&lt;br&gt;" + item.desc + "&lt;/a&gt;" )
 .appendTo( ul );
};
</code></pre>

blocks|key|237786|text|现在，在jQuery-2.0.0中，它是您的新模块的名称，但替换了“。(点)由"-“(破折号)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|237787|jQuery.widget+('custom.catcomplete',+jQuery.ui.autocomplete,+{
++++'_renderMenu':+function+(ul,+items)+{
++++++++//+some+work+here
++++}
});

$this.catcomplete({
++++//+options
}).data('custom-catcomplete')._renderItem+=+function+(ul,+item)+{}|code-block|syntax|javascript|237788|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

And now, with jQuery-2.0.0, it's the name of your new module, but replacing the "." (dot) by the "-" (dash) :

<pre><code>jQuery.widget ('custom.catcomplete', jQuery.ui.autocomplete, {
 '_renderMenu': function (ul, items) {
 // some work here
 }
});

$this.catcomplete({
 // options
}).data('custom-catcomplete')._renderItem = function (ul, item) {}
</code></pre>

blocks|key|234106|text|这篇文章是为了任何偶然发现这篇文章的人而发的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|234107|如果不将.autocomplete放在document+ready事件中，也会出现此错误。|234108|以下代码将失败：|234109|<script+type="text/javascript">
++++$('#msg-to').autocomplete({
++++++++source:all_friends,
++++++++select:function+(event,+ui)+{+++++++++++++++
++++++++++++//+set+the+id+of+the+user+to+send+a+message+to
++++++++++++mail_message_to_id+=+ui.item.id;
++++++++}

++++}).data("autocomplete")._renderItem+=+function+(ul,+item)+{
++++++++return+$("<li></li>")
++++++++++++.data("item.autocomplete",+item)
++++++++++++.append($("<a></a>").html(item.label))
++++++++++++.appendTo(ul);
++++};
</script>|code-block|syntax|javascript|234110|而下面的代码可以正常工作：|234111|<script+type="text/javascript">
++++$(function(){
++++++++$('#msg-to').autocomplete({
++++++++++++source:all_friends,
++++++++++++select:function+(event,+ui)+{+++++++++++++++
++++++++++++++++//+set+the+id+of+the+user+to+send+a+message+to
++++++++++++++++mail_message_to_id+=+ui.item.id;
++++++++++++}

++++++++}).data("autocomplete")._renderItem+=+function+(ul,+item)+{
++++++++++++return+$("<li></li>")
++++++++++++++++.data("item.autocomplete",+item)
++++++++++++++++.append($("<a></a>").html(item.label))
++++++++++++++++.appendTo(ul);
++++++++};
++++});
</script>|234112|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|T|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Posting for the sake of any person who stumbles across this post. 

This error will also manifest itself if you don't put the .autocomplete inside the document ready event.

The code below will fail:

<pre><code>&lt;script type="text/javascript"&gt;
 $('#msg-to').autocomplete({
 source:all_friends,
 select:function (event, ui) { 
 // set the id of the user to send a message to
 mail_message_to_id = ui.item.id;
 }

 }).data("autocomplete")._renderItem = function (ul, item) {
 return $("&lt;li&gt;&lt;/li&gt;")
 .data("item.autocomplete", item)
 .append($("&lt;a&gt;&lt;/a&gt;").html(item.label))
 .appendTo(ul);
 };
&lt;/script&gt;
</code></pre>

while the code below will work:

<pre><code>&lt;script type="text/javascript"&gt;
 $(function(){
 $('#msg-to').autocomplete({
 source:all_friends,
 select:function (event, ui) { 
 // set the id of the user to send a message to
 mail_message_to_id = ui.item.id;
 }

 }).data("autocomplete")._renderItem = function (ul, item) {
 return $("&lt;li&gt;&lt;/li&gt;")
 .data("item.autocomplete", item)
 .append($("&lt;a&gt;&lt;/a&gt;").html(item.label))
 .appendTo(ul);
 };
 });
&lt;/script&gt;
</code></pre>

I'm using the following code to render my jQuery UI autocomplete items as HTML.
The items render correctly in the autocomplete control, but I keep getting this javascript error and can't move past it.

Firefox Could not convert JavaScript argument

Chrome Cannot set property '_renderItem' of undefined

<pre><code> donor.GetFriends(function (response) {
 // setup message to friends search autocomplete
 all_friends = [];
 if (response) {
 for (var i = 0; i &lt; response.all.length - 1; i++) { 
 all_friends.push({
 "label":"&lt;img style='padding-top: 5px; width: 46px; height: 46px;' src='/uploads/profile-pictures/" +
 response.all[i].image + "'/&gt;&lt;br/&gt;&lt;strong style='margin-left: 55px; margin-top: -40px; float:left;'&gt;" +
 response.all[i].firstname + " " + response.all[i].lastname + "&lt;/strong&gt;",

 "value":response.all[i].firstname + " " + response.all[i].lastname,
 "id":response.all[i].user_id});
 }
 } 

 $('#msg-to').autocomplete({
 source:all_friends,
 select:function (event, ui) { 
 // set the id of the user to send a message to
 mail_message_to_id = ui.item.id;
 }

 }).data("autocomplete")._renderItem = function (ul, item) {
 return $("&lt;li&gt;&lt;/li&gt;")
 .data("item.autocomplete", item)
 .append($("&lt;a&gt;&lt;/a&gt;").html(item.label))
 .appendTo(ul);
 };
});
</code></pre>

Not sure why it is throwing this error, or what I have to do to get past it...Any help is appreciated.

Cannot set property '_renderItem' of undefined jQuery UI autocomplete with HTML

jQuery

我使用以下代码将我的HTML自动完成项呈现为jQuery。项目在自动完成控件中正确呈现，但我一直收到这个javascript错误，无法跳过它。Firefox 无法转换JavaScript参数Chrome 无法设置未定义的属性“”_renderItem“”  donor.GetFriends(function (resp...

问无法使用HTML设置未定义的jQuery UI autocomplete的属性'_renderItem‘
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法使用HTML设置未定义的jQuery UI autocomplete的属性'_renderItem‘EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法使用HTML设置未定义的jQuery UI autocomplete的属性'_renderItem‘
EN