0
我正在使用我的用戶腳本（Tampermonkey - 谷歌瀏覽器擴展程序）。我的.dialog()中有<ul>，這個<ul>填充了一些數據。除此之外，我有<input>元素，它被用作搜索框。是否可以使用.autocomplete（）的修改？
現在我需要一些像自動完成的jQuery功能。我在嘗試：當我開始寫入該輸入內容時，我想僅顯示我的<ul>中可能的匹配項。因此，當我在輸入內容中寫明文字時，我想隱藏所有<li>，這與我的搜索字符串不匹配。
陣列jp_tpl是我的元素的數組，這是加載到<ul>
function JPTemplate(id, title, source, data){
return {
id:id,
title:title,
source:source,
data:data
}
}
jp_tpl.push(JPTemplate(0, "Neprodlužování služeb", GM_getResourceText("tpl_neprodluzovani_sluzeb")));
jp_tpl.push(JPTemplate(1, "AV Upozornění", GM_getResourceText("tpl_av_upozorneni")));
jp_tpl.push(JPTemplate(2, "Daňový doklad", GM_getResourceText("tpl_danovy_doklad")));
jp_tpl.push(JPTemplate(3, "Děkujeme za dobré zprávy", GM_getResourceText("tpl_dekujeme_za_dobre_zpravy")));
jp_tpl.push(JPTemplate(4, "Poděkování - ukončení služeb", GM_getResourceText("tpl_podekovani_ukonceni_sluzeb」)));
jp_tpl.push(JPTemplate(5, "Poděkování - provedená platba", GM_getResourceText("tpl_podekovani_provedena_platba」)));
jp_tpl.push(JPTemplate(6, "Storno objednávky", GM_getResourceText("tpl_storno_objednavky")));
jp_tpl.push(JPTemplate(7, "Provedeno dle požadavku", GM_getResourceText("tpl_provedeno_dle_pozadavku")));
jp_tpl.push(JPTemplate(8, "Doména byla převedena pod naši správu", GM_getResourceText("tpl_domena_byla_prevedena_pod_nasi_spravu")));
，這裏是我的<ul>
$('body').append('<div class="ui-dialog" id="jp_main_menu"> \
<ul id="jp_templates_settings"> \
<li><input type="button" id="jp_templates_settings_btnpos" value="Výchozí poloha tlačítka"></li> \
<li><input type="button" id="jp_templates_settings_btnpin" value="Připíchnout tlačítko" title="tlačítko zůstane přesně tam, kde je nyní umístěno"></li> \
<li><input type="button" id="jp_templates_settings_btncls" value="Schovat tlačítko" title="při příštím načtení stránky se opět zobrazí"></li> \
</ul> \
<ul id="jp_templates_sort_links"> \
<li><input id="jp_sort_search" type="text" placeholder="vyhledat template ..." /></li> \
<li><a class="jp_sort" id="jp_sort_def" href="">Seřadit DEF</a></li> \
<li><a class="jp_sort" id="jp_sort_az" href="">Seřadit A-Z</a></li> \
<li><a class="jp_sort" id="jp_sort_za" href="">Seřadit Z-A</a></li> \
</ul> \
<ul id="jp_templates_list"></ul> \
</div>');
我在jQuery的初學者。你能幫我嗎？您可以發佈任何鏈接/教程或例如...該名稱的東西，我需要：D我試圖通過不同的修改搜索「自動完成」，但我沒有發現任何有用的東西。
非常感謝