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新手）

回答

相關問題