我有一个离开画布导航菜单(类名,是通过悬停,使用jQuery在我的Wordpress网站上启用。它应该是在页面加载时不可见的。
对于移动版本,我希望通过单击菜单图标来激活相同的导航菜单(这是我给出的两个类,按以下顺序:移动导航切换显示-导航-移动)。切换方法似乎只适用于垂直切换。我的解决方案是在单击而不是悬停时复制相同的动画,方法是使用图标上的toggleClass方法在一个类名之间切换,该类名打开菜单导航(show- nav -mobile)并使用以下代码关闭它(隐藏-导航-移动):
jQuery(".show-nav-mobile").click(function(){
我有一个左侧垂直CSS菜单与子导航弹出到右边。
我的问题是,最后一个菜单项有许多子菜单,使它们显示在窗口的折叠下面。
CSS或jQuery是否有任何方法来检测是否会发生这种情况,并相应地调整位置,以便可以看到所有的子菜单项目?
下面是指向我的示例的链接(您可能需要调整窗口的高度):
<!--demo is at following link-->
我在有下面的导航。导航被设计为在父菜单和其子菜单之间有垂直分隔符。如果你在“联系人”菜单项下看,它看起来像它的设计方式,但是在“项目”下面看一看。如果菜单上没有子项,就不应该存在are垂直分隔符。
如何通过CSS来实现正确的设计?
目前无法通过CSS.实现。
下面是我选择的解决方案:
// Naivagation Vertical Separator Counter
$("#main > ul > li > ul .level-has-sub").each(function(){
$(this).find("> ul > li
我的网站需要转换它的导航菜单时,它是在一个视口是小于800px.More超过我已经为此做了一个插件,而且那个插件也提供垂直导航options.So,我想应用垂直导航时,它是在视口小于800 it。
我的垂直导航代码
if(verticalNav){
menuConvert()
}
和时间小于800 in
if($(window).width < 800){
menuConvert()
}
和menuConvert函数是
var menuConvert = function(){
// codes here
}
但是在控制台日志中:menuConvert is no
我想同时使用魔术行jquery导航效果,包括水平菜单和垂直菜单。
$(function() { var $el, leftPos, topPos;
我选择了默认区域作为我的效果。
$("#region-top-left").append("< li id='magic-line'></ li >");
var $magicLine = $("#magic-line");
我定义了第一条语句-当我在主水平菜单中悬停某物时
{
$magicLine
我正在尝试测试zurb foundation 4 css框架。如果zurb的网站foundation 4文档中提到了foundation 4使用部分替换了旧foundation 3中的折叠、标签和垂直导航栏和& nav bar,但我找不到如何在鼠标悬停时制作垂直导航栏;我必须点击标题。如何在鼠标悬停时使垂直导航成为弹出菜单?Mouseover是一种非常标准的方法,我希望在foundation 4中有简单的方法来开启它。