我有使用slideToggle的下拉菜单,我正在添加一些额外的效果,如点击下拉菜单上的蒙版。我在下拉菜单的背景中显示了一种模式蒙版。在点击out side时,我隐藏了遮罩,拉菜单是切换和关闭(pull up)。但是我不能在点击.puller类的时候隐藏遮罩,第二次我的菜单被切换和弹出,但是背景遮罩没有隐藏。
$(".puller").click(function() {
//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(wi
我在下面的网站上使用css下拉菜单:
您可以测试顶部菜单项中的菜单。在台式机上,一切运行正常。但在iPhone或iPad上并非如此。在那里,您可以单击顶部菜单项之一。然后打开下拉菜单,没有问题。但是如果我点击下拉菜单中的一个链接,什么也不会发生。
这是下拉菜单的css-code:
#mainmenu ul li > ul {
display: none;
top: 0px;
}
#mainmenu ul li:hover > ul,
#mainmenu ul li:active > ul,
#mainmenu ul li:focus > ul,
#m
我有一个超级鱼菜单作为我网站的主菜单。菜单中的两个链接有子链接,并显示为下拉菜单、悬停菜单。这在桌面浏览器上非常有用。然而,在iOS上,如果菜单项有下拉菜单,主链接就会消失。不过,它只处于默认状态,如果我点击它应该在的位置,链接就会再次显示,下拉菜单就会显示出来。如果我点击另一个有下拉菜单的链接,第一个下拉菜单就会消失,主链接也会消失。例如,如果普通菜单是这样的..
FOO BAR BAZ BAT
而BAR有一个下拉菜单,然后菜单将在iOS上如下所示:
FOO <empty space> BAZ BAT
但是如果我点击那个空空间,BAR就会出现,下拉菜单也会出现。
我已经检查了CS
我正在尝试让这个下拉菜单使用点击而不是悬停,但我似乎不能让它工作。有人有什么想法吗?
// Drop Menu
$(".navigation ul ul, .shoppingbasket ul ul").css({display: "none"});
$(".navigation ul li, .shoppingbasket ul li").hover(function(){
$(this).find('ul:first').css({visibility: "visible",display: "none
我隐藏了我的子菜单,并添加了css,以便在悬停在父菜单项上时显示子菜单下拉菜单。
我想要做的是当父菜单按钮被“点击”而不是当它被“悬停”时,子菜单下拉。
我的css是:
.sub-menu {
display: none;
}
.shiftnav ul li:hover > ul {
display: block; /* show sub menus when hovering over a parent */
}