jQuery UI自动完成格式化帮助（我是jQuery新手）

我一直在使用this tutorial来创建自动完成功能。（更新：我放弃了jQuery UI自动完成路由，因为没有太多的文档。）下面的代码工作（最后）。我也设法让建议链接也起作用。我打算做一些类似的博客文章，以帮助像我这样的其他noobs弄明白。 :)jQuery UI自动完成格式化帮助（我是jQuery新手）

$("#q").result(function(event, data, formatted) { 
document.location.href = row.url; 
}); 

$("#q").autocomplete("/a_complete.php", { 
    dataType: 'json', 
    parse: function(data) { 
     var rows = new Array(); 
     for(var i=0; i<data.length; i++){ 
      rows[i] = { data:data[i], value:data[i].pos, value:data[i].team, value:data[i].url, result:data[i].value }; 
     } 
     return rows; 
    }, 
    formatItem: function(row, i, n) { 
     return '<a href="' + row.url + '">' + row.value + ' <span style="float: right; font-size: 11px; color: gray; padding-right: 10px;"><strong style="">' + row.pos + '</strong> ' + row.team +' </span></a>'; 
    }, 
    extraParams: { 
     q: '', 
     limit: '', 
     sport: '<?=$sport?>', 
     featureClass: 'P', 
     style: 'full', 
     maxRows: 15, 
     term: function() { return $("#q").val() } 
    }, 
    max: 25, 
    scrollHeight: 300, 
    width: 200 
});

来源

2010-04-05 brant

我一直玩弄全新的自动完成了，但是还没有有机会作为然而......然而，你见过这个教程？ http://net.tutsplus.com/tutorials/javascript-ajax/how-to-use-the-jquery-ui-autocomplete-widget/。那可能有什么？

Ooo还发现了这个？ What does formatResult and formatItem options do in JQuery Autocomplete?从以前的海报，看起来像你必须做一点调整才能使它工作，否则你可以将数据连接成一个块并通过这种方式传递？

希望能帮到:)

来源

2010-04-05 22:06:34 studioromeo

感谢您的回复Rob。我以前没有遇到tutsplus教程，它看起来很有帮助。我的计划是今天放弃它，并在明天早上重新审视它。我的大脑需要重新启动= P 如果其他人遇到任何有用的东西，请发帖以及。我相信它可以帮助我和其他人。 :) – brant 2010-04-06 00:53:44

嘿，我知道感觉brant，让我知道你如何继续与tuts +教程，我想有一个去自己！如果我拿出任何好生病转发在这里为你所有看到:) – studioromeo 2010-04-06 12:15:07

抢！好消息是，我已经设法获得了更多。虽然我坚持试图让转身的输出实际上去链接。有任何想法吗？ – brant 2010-04-11 17:36:19

jQuery UI自动完成格式化帮助（我是jQuery新手）

回答

相关问题