[英]jQuery Autocomplete Not Working With Array Datasource
我创建了一个jQuery自动完成功能,该功能可以处理PHP脚本生成的数组:
var tags = [{"id":"77","label":"110826"},
{"id":"76","label":"110667"},
{"id":"74","label":"110808"}];
但是,自动完成框将无法工作-我正在输入数组中的值,但是什么也没有发生,所以我不知道为什么。
请在这里看我的小提琴; http://jsfiddle.net/j4yB3/
任何帮助,将不胜感激,谢谢!
您没有关闭<label>
标记(这并不是很重要),但是Fiddle没有jQueryUI和jQuery引用。
试试这个 。
我已经为该解决方案更新了小提琴代码。 确保已添加jquery js和jquery ui js
<script>
$(function() {
var projects = [
{
value: "jquery",
label: "jQuery",
desc: "the write less, do more, JavaScript library",
icon: "jquery_32x32.png"
},
{
value: "jquery-ui",
label: "jQuery UI",
desc: "the official user interface library for jQuery",
icon: "jqueryui_32x32.png"
},
{
value: "sizzlejs",
label: "Sizzle JS",
desc: "a pure-JavaScript CSS selector engine",
icon: "sizzlejs_32x32.png"
}
];
$( "#project" ).autocomplete({
minLength: 0,
source: 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( "ui-autocomplete" )._renderItem = function( ul, item ) {
return $( "<li>" )
.append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
.appendTo( ul );
};
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.