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

Question

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

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

Answer 1

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

.autocomplete( "close" )

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

我假设您已经知道这一点，所以真正的问题是如何将此 close 方法与 ul 或 li 上某些元素的模糊事件联系起来。

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

autocomplete ._renderItem and adding a Class to wrapper