JQuery UI自動完成 - 徘徊/集中時的額外項目信息？如何？

Question

我心目中的計劃如下：

我有我的網站上自動完成UI元素與一些自動完成選項，但我想要的是下面的，我不能得到它的工作：

如果用戶懸停（鼠標懸停或箭頭鍵）項目文本應該改變爲項目的值和額外信息。

爲了讓自己更清楚：

如果用戶將鼠標滑過自動完成的項目應變成電影標題+ movielength + moviecover電影標題。

而當產品不聚焦，應該會改成原來的狀態

這裏是我有什麼::

$("#searchField").autocomplete({ 

    source: dataSet, 
    minLength: 1, 
    open: function(event, ui) { $(".ui-autocomplete").css({"z-index": 1000, "font-size": "13px"}); }, 
    focus:function(e,ui) { 

     q = $("#ui-active-menuitem").html(); 
     $("#ui-active-menuitem").html("<b>"+q+"</b>"); 


    }, 

    select: function(event, ui) { 
     q = $("#ui-active-menuitem").html(); 
     location.href="?q="+q; 
    } 

}); 

對不起，我的英語，如果它是不理解......

日Thnx IN ADVANCE

Answer 1

focus:function(e,ui) { 
      $("input").val($("#ui-active-menuitem").text()); 
      q = $("#ui-active-menuitem").html(); 
      $("#ui-active-menuitem").html("<b>"+q+"</b>"); 


     }, 

你的意思是這樣的？

當用戶將鼠標懸停在列表中的選項上時，它會更改輸入區域的值？

這裏是工作提琴：http://jsfiddle.net/4nzXv/

$("#ui-active-menuitem").mouseout(function() { 
     $("#ui-active-menuitem").hide(); 
    }); 

可以追加一個鼠標移出處理器的每個項目，一旦盤旋它就會從列表中刪除它，但它似乎是相當crazzy功能明智的，但它達到你想要的東西......這裏是小提琴：http://jsfiddle.net/4nzXv/5/

Answer 2

我認爲我們可以做到這一點：

檢查：http://jsfiddle.net/chukhanhvan/7HQym/ 嘗試CHARACT呃：'t'列出所有電影