我正在处理我的用户脚本(Tampermonkey - Google Chrome 扩展)。我有<ul>
在我的.dialog()
还有这个<ul>
是由一些数据填充的。除此之外我有 <input>
元素,用作搜索框。
现在我需要一些 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 我尝试搜索具有不同修改的“自动完成”,但我没有找到任何有用的东西。
非常感谢
最佳答案
问题已解决。
我找到了这个插件jQuery FastLiveSearch这就是我需要的
关于javascript - 是否可以使用 .autocomplete() 的修改?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24180956/