javascript - 如何在模糊时自动隐藏 YUI2 菜单？

Question

我有一个YAHOO.widget.Button“菜单”类型。我的任务很简单：当用户点击按钮时菜单会显示，当用户点击屏幕上的其他地方时菜单会隐藏。

这是我在 jsfiddle 上的代码：http: //jsfiddle.net/tRssn/

到目前为止我已经尝试过： 1. 将clicktohideMenu 小部件的属性设置为 true （参见上面的代码）和 2. 订阅 Button/Menu 小部件上的 blur 事件并在菜单可见时关闭它。

方法 1 由于某种原因不起作用，方法 2 适用于 IE 和 Mozilla，但不适用于 Chrome。

不应该有一个简单的方法来做到这一点吗？

任何帮助表示赞赏！

score 0 · Accepted Answer

好的，我能够通过显式创建一个 YAHOO.widget.Menu 对象，渲染它，然后将它作为菜单分配给 YAHOO.widget.Button 对象来解决这个问题。

奇怪的是，我必须像这样设置菜单小部件的配置，而不是在创建时： oButton.getMenu().cfg.config.clicktohide.value = true;

1 回答 1