jQuery的自動完成與圖像

找回我需要使用自動完成，結果裏面的圖像一定的幫助（類似於Facebook的如何自動完成的作品）。不過，我想從基礎開始...就像我在這裏找到一個很好的例子：http://jsfiddle.net/K5q5U/249/jQuery的自動完成與圖像

<input id="auto" type="text" /> 

CSS: 

    img { width: 25px; height: 25px; padding-right: 10px;} 
    .ui-autocomplete > li { height: 40px; } 

JavaScript: 

    $(document).ready(function() { 
     $("#auto").autocomplete({ 
     source: function (request, response) { 
      $.ajax({ 
       url: "http://api.stackoverflow.com/1.1/users", 
       data: { 
        filter: request.term, 
        pagesize: 10 
       }, 
       jsonp: "jsonp", 
       dataType: "jsonp", 
       success: function(data) { 
        response($.map(data.users, function(el, index) { 
         return { 
          value: el.display_name, 
          avatar: "http://www.gravatar.com/avatar/" + 
           el.email_hash 
         }; 
        })); 
       } 
      }); 
     } 
    }).data("uiAutocomplete")._renderItem = function (ul, item) { 
     return $("<li />") 
      .data("item.autocomplete", item) 
      .append("<a><img src='" + item.avatar + "' />" + item.value + "</a>") 
       .appendTo(ul); 
    }; `enter code here` });

但是，我怎麼可以使用這個使用本地主機一樣，創建它嗎？有沒有jQuery的代碼示例？我正在使用CodeIgniter框架。

來源

2013-04-25 user2318840

Here是用笨框架。可你還告訴我，你正在使用哪個笨的版本自動完成一個很好的教程。

來源

2013-04-25 08:55:58

感謝您的回覆Sir..but我只需要他們非常基本的和直接的sample..is任何方式TNX再次 - ？d使用笨2.1.3版本爵士 – user2318840 2013-04-26 01:09:55

IM .. – user2318840 2013-04-26 01:52:24

jQuery的自動完成與圖像

回答

相關問題