jQuery UI 自动完成在右键单击时保持打开状态

Question

这个问题也可以在文档中看到， http://jqueryui.com/demos/autocomplete/#custom-data

我正在呈现与 Facebook 标题搜索相同的自定义菜单。当您右键单击任何项​​目，然后在菜单外左键单击时，它会保持打开状态。我可以覆盖此功能以关闭菜单吗？

Answer 1

您可以使用以下代码关闭菜单：

.autocomplete( "close" )

http://jqueryui.com/demos/autocomplete/#method-close

我假设你已经知道了，所以真正的问题是你如何将这个 close 方法与你的 ul 或 li 上某些元素的 blur 事件联系起来。

您可以覆盖自动完成框的 ._renderMenu() 方法，并以这种方式将 .blur() 事件添加到 ul 上的某些元素。我刚刚在这里发布了一个如何覆盖此方法的示例：

autocomplete ._renderItem and adding a Class to wrapper