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

标签 javascript jquery jquery-ui jquery-events jquery-ui-autocomplete

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

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

最佳答案

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

.autocomplete( "close" )

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

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

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

autocomplete ._renderItem and adding a Class to wrapper

关于javascript - jQuery UI 自动完成在右键单击时保持打开状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9196855/

相关文章:

javascript - 创建函数的额外实例

javascript - Highcharts 生成中的损坏

jquery-ui - 选项卡的字体看起来有点太大

用于比较对象的 javascript 库

javascript - JavaScript 中的对象数组

javascript - 无法定位选择器(或其他东西)

javascript - 即使所选选项没有更改,是否有任何方法可以在 Chrome 中的 SELECT 元素上触发点击事件?

jQuery 验证回调函数

jquery-ui - 如何动态设置 AngularJS jQueryUI datepicker 指令的属性

javascript - 通过 ajax 在模态中从 <select> 传递值时发生内部服务器错误