我已经创建了一个带有jquery悬停效果的导航。
导航仪工作,唯一的问题是当你把屏幕变宽或小于800px,然后按下红色框来显示切换导航仪。悬停菜单从全宽菜单中拾取jquery。
如何阻止jquery悬停菜单不显示主菜单的悬停状态。
/* MAIN MENU DROPDOWN
===================================*/
$("#toggle-nav").click(function () {
$("#nav").slideToggle('slow');
});
/* MAIN SETTINGS SHOW
我有一个离开画布导航菜单(类名,是通过悬停,使用jQuery在我的Wordpress网站上启用。它应该是在页面加载时不可见的。
对于移动版本,我希望通过单击菜单图标来激活相同的导航菜单(这是我给出的两个类,按以下顺序:移动导航切换显示-导航-移动)。切换方法似乎只适用于垂直切换。我的解决方案是在单击而不是悬停时复制相同的动画,方法是使用图标上的toggleClass方法在一个类名之间切换,该类名打开菜单导航(show- nav -mobile)并使用以下代码关闭它(隐藏-导航-移动):
jQuery(".show-nav-mobile").click(function(){
我试图有一个圆形的徽标放置在一个引导导航菜单的左侧,并使菜单与行的底部对齐,但它总是希望与顶部对齐。我是用jade写的,但希望其他语言的人至少能理解它是如何工作的(缩进表示嵌套,而不是结束标记)。有没有一种方法可以很容易地通过css或使用bootstrap中的网格系统来完成这项工作?
doctype 5
html
head
title= title
link(rel='stylesheet', href='/css/bootstrap.min.css')
link(rel='stylesheet', href