大佬教程收集整理的这篇文章主要介绍了在jQuery UI 1.8中自定义自动完成显示,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
$('#term').autocomplete( {@R_874_9016@e:'index.PHP?/Ajax/SearchUsers',minLength: 3,delay: 300} ).data("ui-autocomplete")._renderItem = function( ul,item ) { return $( "<li>" ) .append( "<a>" + item.label + "<br>" + item.desc + "</a>" ) .appendTo( ul ); };
不幸的是,在JQuery UI 1.8中没有ui-autocomplete数据字段.我在哪里可以修改JQuery UI 1.8中自动完成的模板?
主要区别在于:
.data("autocomplete")._renderItem = function (ul,item) { return $("<li>") .data("item.autocomplete",item) .append("<a>" + item.label + "<br>" + item.desc + "</a>") .appendTo(ul);
数据(“ui-autocomplete”)必须是数据(“自动完成”),您必须设置数据属性以将其他信息添加到自动完成.
码:
$("#project").autocomplete({ minLength: 0,@R_874_9016@e: projects,focus: function (event,ui) { $("#project").val(ui.item.label); return false; },SELEct: function (event,ui) { $("#project").val(ui.item.label); $("#project-id").val(ui.item.value); $("#project-description").html(ui.item.desc); $("#project-icon").attr("src","images/" + ui.item.icon); return false; } }) .data("autocomplete")._renderItem = function (ul,item) { return $("<li>") .data("item.autocomplete",item) .append("<a>" + item.label + "<br>" + item.desc + "</a>") .appendTo(ul); };
以上是大佬教程为你收集整理的在jQuery UI 1.8中自定义自动完成显示全部内容,希望文章能够帮你解决在jQuery UI 1.8中自定义自动完成显示所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。