Как автоматически скрыть меню YUI2 на размытие?

У меня есть YAHOO.widget.Button типа "меню". Моя задача проста: меню отображается, когда пользователь нажимает кнопку, и скрывается, когда пользователь нажимает в другом месте экрана.

Вот мой код на jsfiddle: http://jsfiddle.net/tRssn/

Что я пробовал до сих пор: 1. Установка clicktohide Свойство виджета "Меню" имеет значение "истина" (см. код выше) и 2. Подпишитесь на событие размытия в виджете "Кнопка / меню" и закройте меню, если оно отображается.

Подход 1 не работает по какой-то причине, а подход 2 работает с IE и Mozilla, но не с Chrome.

Разве не должно быть простого способа сделать это?

Любая помощь приветствуется!

1 ответ

Решение

Хорошо, я смог решить эту проблему путем явного создания объекта YAHOO.widget.Menu, его рендеринга и последующего назначения его в качестве меню для объекта YAHOO.widget.Button.

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

Странно, но я должен установить конфигурацию для виджета "Меню" следующим образом, а не во время создания:oButton.getMenu().cfg.config.clicktohide.value = true;

Другие вопросы по тегам