我在这里尝试做的是配置jQuery有两个框。第一个框允许我隐藏第一个框,并在单击时打开一个新框。新框(第二个)将在单击元素外部的主体时被删除。
我一直在尝试不同的东西,包括退出/进入事件,但似乎找不到一个简单明了的方法来获得这种效果。
我已经建立了一个jsfiddle来演示我要做的事情。
http://jsfiddle.net/wdAPu/2/ x1月1x
我在这里尝试做的是配置jQuery有两个框。第一个框允许我隐藏第一个框,并在单击时打开一个新框。新框(第二个)将在单击元素外部的主体时被删除。
我一直在尝试不同的东西,包括退出/进入事件,但似乎找不到一个简单明了的方法来获得这种效果。
我已经建立了一个jsfiddle来演示我要做的事情。
http://jsfiddle.net/wdAPu/2/ x1月1x
1条答案
按热度按时间ozxc1zmp1#
我觉得你需要加上
绑定到
#opener
的事件处理程序。这可以防止事件冒泡并引发#body
中的事件处理程序。参见更新版本:http://jsfiddle.net/wdAPu/3/
参考:
event.stopPropagation
现在,如果你双击新框的 inside,新框仍然会隐藏。为了防止这种情况,你必须绑定一个事件处理器,同时防止事件冒泡。这可以通过快捷方式来实现:
(See此处为:http://jsfiddle.net/wdAPu/6/)
如果您动态地创建长方体,请查看
.delegate()
和event.stopImmediatePropagation()
。