我有一个离开画布导航菜单(类名,是通过悬停,使用jQuery在我的Wordpress网站上启用。它应该是在页面加载时不可见的。
对于移动版本,我希望通过单击菜单图标来激活相同的导航菜单(这是我给出的两个类,按以下顺序:移动导航切换显示-导航-移动)。切换方法似乎只适用于垂直切换。我的解决方案是在单击而不是悬停时复制相同的动画,方法是使用图标上的toggleClass方法在一个类名之间切换,该类名打开菜单导航(show- nav -mobile)并使用以下代码关闭它(隐藏-导航-移动):
jQuery(".show-nav-mobile").click(function(){
我有一个有图标和链接的侧导航栏列表。当我悬停在一个标签上时,悬停点就会亮起来,但是图标不会亮起来。只有当我将图标直接悬停在图标上时,图标才会亮起来,而不是a标记。当我悬停在链接上时,我想让图标亮起来。我使用jQuery在图标上添加了一个活动类。我有一个默认图标(没有灯)和一个活动图标(悬停灯)。如果我删除jQuery中的i并且只有li>a,它就不会点亮图标。
css
.nav.nav-main {
background: #293041;
}
.nav.nav-main li > a {
color: #aaccff;
f
我正在建立我自己的项目,以获得经验的Laravel,js/jquery,引导等。这就是我在所有视图中使用的站点/布局的结构:
| Home |----- content -----| FRIENDS |
| Blog |----- content -----| George |
| Forum |----- content -----| Pablo |
| About |----- content -----| Boris |
--------------------------------------
| -------------- footer -------------