自动完成列表固定位置浏览器调整大小

Question

我正在使用带有 Twitter 引导程序的 MVC 5。最近为城市列表实现了自动完成功能。问题是，如果我在显示自动完成列表时调整窗口大小，它会保持在固定位置，而不是在输入文本字段下方。

此链接上的示例

Here

Image Result

Answer 1

您可以包含 javascript 来检测浏览器调整大小并在触发该事件时关闭自动完成框：

$(window).resize(function() {
   $("#myAutoComplete").autocomplete("close");
});