我对导航栏使用了bootstrap框架,现在我想使用summernote WYSIWYG HTML编辑器。
如果我导入bootstrap.min.js脚本,导航栏下拉菜单可以很好地工作,但夏季备注中的下拉菜单不能(颜色选择等)。
如果我删除此脚本,则summernote可以工作,但导航栏下拉不能。我还删除了jquery.min.js并为add class open to下拉切换创建了自己的脚本,因为使用jquery.min.js时summernote不会出现。
导航栏和summernote下拉功能有什么解决方案吗?
我是jQuery的新手,我想知道如何为我要创建的导航栏选择多个元素。我想让它检查用户的鼠标是否在导航栏中的项目上或下拉菜单上(否则下拉菜单将消失)。我尝试过使用:$('#nav_item_1').mouseenter(function(){
`//make the drop down menu visible and change nav_item background here`
});
`
$('#nav_item_1,#dropdown').mouseleave({
//revert everything back to normal
});
我正在创建一个网站,其中有不同的用户(管理员,普通用户,学生,秘书等)每个用户都有一个独特的内容可供查看。我正在尝试做的是使用导航栏引导并创建一个下拉按钮来加载每个用户可以使用的页面。
例如
秘书模块
导航栏:
主页|联系人|菜单|
- Secretary Things
- Forms
- Etc
管理模块
导航栏:
主页|联系人|菜单|
- Things Admin
- Add User
- Delete Things
我对此几乎要失去理智了。我有一个bootstrap导航栏,我喜欢自己设计颜色等。因此,我使用以下代码更改了下拉菜单导航栏的链接颜色
.navbar .navbar-nav .dropdown-menu li a {
color:white;
}
它工作得很好,所以如果我有如下菜单项
Menu Item
sub menu item
子菜单项变为白色。
现在问题就从这里开始了。如果我将屏幕变小以折叠导航栏。下拉菜单链接的颜色仍然是默认的,所以我认为bootstrap使用的是媒体查询,不管我怎么尝试,它都不起作用。同样的技术是行不通的。
@media (max-width:767px){