我已经创建了一个带有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(){
我对导航栏使用了bootstrap框架,现在我想使用summernote WYSIWYG HTML编辑器。
如果我导入bootstrap.min.js脚本,导航栏下拉菜单可以很好地工作,但夏季备注中的下拉菜单不能(颜色选择等)。
如果我删除此脚本,则summernote可以工作,但导航栏下拉不能。我还删除了jquery.min.js并为add class open to下拉切换创建了自己的脚本,因为使用jquery.min.js时summernote不会出现。
导航栏和summernote下拉功能有什么解决方案吗?