2011-04-07 287 views
1

我想讓我的jQuery UI Autocomplete以我想要的方式工作,但我不太確定該怎麼做。首先,我無法獲得加載以在輸入字段中工作。我也希望jQuery因此,例如,如果源是jQuery UI自動完成

蘋果 可樂 茶 胡蘿蔔

所以當您鍵入任何字匹配與「A」第一,如果符合按首字母搜索結果您正在搜索的說「可樂」,你在結果部分,所以你提前鍵入「合作」,它將在這裏強調是我當前的代碼

$("#ui_query").autocomplete({ autoFocus: true }); 
$("#ui_query").autocomplete({ disabled: false }); 
$("#ui_query").autocomplete({ minLength: 2 }); 

    $(".ui-autocomplete-loading").ajaxStart(function(){ 
    $(this).show(); 
    }); 

    $(".ui-autocomplete-loading").ajaxStop(function(){ 
    $(this).hide(); 
    }); 

    $(document).ready(function() { 
    $("#ui_query").autocomplete({ 
    source: [ 
      "Bleach", 
      "Naruto", 
      "Level E", 
      "Kore wa Zombie desu ka", 
      "Onii-chan no Koto Nanka Zenzen Suki Janain Dakara ne!!", 
      "Mobile Suit Gundam SEED Destiny", 
      "Mobile Suit Gundam SEED", 
      "One Piece", 
      "Freezing", 
      "To Aru Majutsu No Index 2", 
      "IS: Infinite Stratos", 
      "Gosick", 
      "Mahou Shoujo Madoka Magica", 
      "Yumekui Merry", 
      "Hyakka Ryouran: Samurai Girls", 
      "After War Gundam X", 
      "Mobile Suit Gundam", 
      "Mobile Suit Gundam 00", 
      "Fullmetal Alchemist: Brotherhood", 
      "Fullmetal Alchemist", 
      "Tengen Toppa Gurren Lagann", 
      "Code Geass: Hangyaku no Lelouch", 
      "11eyes", 
      "Code Geass: Hangyaku no Lelouch R2", 
      ] 
    }); 
    }); 

感謝鍵入的jQuery將突出每個字母

+0

看到這個問題/答案:http://stackoverflow.com/questions/2435964 – Cheeso 2011-04-26 14:32:18

回答

2

看起來像jQuery UI自動完成插件不支持顯示之前的結果格式,不像it's predecessor。您可以看到已刪除功能的完整列表以及其他功能here的等效功能。

但是,您可以通過編寫數據的自定義處理程序來模擬該效果。這裏是an official demo,它可以做你想做的 - 源代碼可用。

This question on SO問同樣的事情和猴子修補插件被建議。