当用户单击选项卡以显示相应选项卡的菜单下拉列表时,我有一个菜单会展开。我正在使用下面的代码,以便在菜单区域外点击时关闭菜单下拉列表。
$(function() {
$('*').click(function(e) {
if(e.target.id != 'menu'){
$('#menu .menu-dropdown').css( "display", "none" );
$('#menu .menu-dropdown').removeAttr( 'style' );
}
});
});
我在iPad Safari中遇到问题,可能会在其他触控设备中出现。问题是,当我想点击其中一个菜单下拉菜单后返回页面时,菜单下拉列表仍然会展开。
无论如何关闭菜单下拉菜单,如果用户点击后退按钮就不存在。
This fiddle显示它是如何工作的,由于某些原因它适用于jsfiddle.net但不适用于我的服务器。