javascript - 如果已打开，如何通过按钮关闭自动完成下拉菜单

Question

由于未知原因，该按钮不会关闭 jquery ui 组合框。

重现此行为的步骤：

1. 在 IE9 中打开http://jqueryui.com/autocomplete/#combobox 。

2. 选择右侧的组合框。

3. 单击下拉菜单 [▼] 按钮将其打开。

4. 再次单击下拉菜单 [▼] 按钮。

观察到的：

下拉菜单仍然打开

预期的：

下拉菜单应关闭。

代码包含：

if (input.autocomplete("widget").is(':visible')) {
    input.autocomplete('close');
    return false;
}

但不知为何input.autocomplete("widget").is(':visible')总是假的。

如果单击按钮并打开下拉菜单，如何关闭下拉菜单？

Answer 1

添加变量：

var isVisible = false;

并将此代码添加到的单击事件函数中$( "<a>" )：

if(isVisible == true)
{
    input.autocomplete( "close" );
    input.blur();
    isVisible = false;
}
else
    isVisible = true;

Answer 2

Javascript 替代方案：

 document.getElementById('my_autocomplete_element').blur();