保持ui自动完成始终打开

我正在使用ui自动完成： 在这里

我需要始终打开自动完成function，因此在单击身体某处时不应该关闭它。 我用谷歌搜索了但我找不到任何东西。

Answer 1

这是一个如何做到的工作示例： http ： //jsfiddle.net/4pk3V/

每当触发关闭事件时，通过再次搜索相同的输入来保持自动完成框打开：

$( "#input" ).autocomplete({ source: availableTags, close : function (event, ui) { val = $("#comment").val(); $("#input").autocomplete( "search", val ); //keep autocomplete open by //searching the same input again $("#input").focus(); return false; } }); 

Answer 2

嘿抱歉迟到的回复！

我觉得这比关注输入和多次搜索要清晰得多。

试试这个…

JAVASCRIPT：

 $( "#input1" ).autocomplete({ source: availableTags, close : function (event, ui) { if (!$("ul.ui-autocomplete").is(":visible")) { $("ul.ui-autocomplete").show(); } } }); 

演示： http ： //jsfiddle.net/dirtyd77/AJtvJ/

希望这可以帮助！

Answer 3

还有一个CSS选项：

示例： http ： //jsfiddle.net/Monstermensch/G7YYZ/1/

---

您还应该添加以下代码以避免在调整浏览器大小时出现问题（源： 在浏览器resize时重新定位jQuery UI自动完成 ）：

 $(window).resize(function () { $("#input1").autocomplete("search"); });