Question

我在 html 代码“ ul” 和“ li” 中有一个定制的下调, 当用户点击“ ul” 头时, 我显示选项, 当用户点击菜单区域外时, 我想隐藏这些元素。

诸如此类的事情有可能与 Javascript/YUI 不是Jquery?

Answer 1

我不是UI的人,所以我猜这个可能写得更好但我已经测试过了,效果也不错

单击文档时隐藏下调 :

Y.one(document).on("click", function(){
    Y.one("#menu").hide(); 
});

防止点击 ul 从传播到 document :

Y.one("#menu").on("click", function(e){
    e.stopPropagation();    
});

如果访问者单击任何地方, 点击会泡到 < code> document 上, 并隐藏菜单。如果他们点击菜单, 事件将无法泡到 < code> document 上, 因此菜单不会隐藏。

Answer 2

use(事件外出) 增加对“外外”活动的支持。详情请见用户指南 : http://yyyilibrary.com/yui/docs/event/outside. html