如何使用一组对象作为jQuery UI AutoComplete的源代码

前端之家收集整理的这篇文章主要介绍了如何使用一组对象作为jQuery UI AutoComplete的源代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我有一个对象的数组
var arrLinks = [
    { key: 1,url: "http://google.com" },{ key: 2,url: "http://yahoo.com",title: "Yahoo" },url: "http://microsoft.com" }
];

我可以用它作为自动填充的来源吗?我尝试在http://jqueryui.com/demos/autocomplete/#custom-data之后实施,但没有得到http://jsfiddle.net/mvNNj/

解决方法

你需要:

1 – 实际上在测试页面上包含jQuery UI.

2 – 结合使用自动完成器使用的“标签”来查找匹配项:

$(function() {
    var arrLinks = [
        {
        key: 1,url: "http://google.com",label: 'google'},{
        key: 2,title: "Yahoo",label: 'yahoo'},url: "http://microsoft.com",label: 'microsoft'}
    ];
    $("input[name=url]").autocomplete({
        source: arrLinks
    }).data("autocomplete")._renderItem = function(ul,item) {
        return $("<li>").data("item.autocomplete",item).append("<a>" + item.url + "</a>").appendTo(ul);
    };
});

Your test page,working.

猜你在找的jQuery相关文章