jQuery UI自动完成

问题描述:

我想让我的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://*.com/questions/2435964 – Cheeso 2011-04-26 14:32:18

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

但是,您可以通过编写数据的自定义处理程序来模拟该效果。这里是an official demo,它可以做你想做的 - 源代码可用。

This question on SO问同样的事情和猴子修补插件被建议。