如何在模糊中自动隐藏YUI2菜单？

Question

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

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

到目前为止，我已经尝试过: 1.将Menu小部件的clicktohide属性设置为true (参见上面的代码)；2.订阅Button/Menu小部件上的模糊事件，如果菜单可见，则关闭该菜单。

由于某些原因，第一种方法不起作用，第二种方法适用于IE和Mozilla，但不适用于Chrome。

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

感谢任何人的帮助！

Answer 1

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

http://jsfiddle.net/tRssn/1/

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