我对导航栏使用了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
});
使用bootstrap,我已经使用在线引导示例创建了一个导航栏:
我的导航栏只有一个下拉菜单,效果很好,但是在手机上,导航栏会折叠成一个下拉菜单,而下拉菜单又包含了我的下拉菜单。即下拉菜单内的下拉菜单
有没有可能让我的下拉菜单正常工作,然而,当导航栏折叠时,下拉菜单项在折叠的菜单中作为菜单项列出,而不是在下拉列表中?
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for
我必须实现一个需要在页面上放置一个水平导航栏的设计。此导航栏中可能存在未知数量的项目。如果栏用完了空间,溢出的链接将被填充到"more“下拉列表中。
视觉效果:
|page |
|nav item 1 nav item 2 nav item 3 MORE v |
| |
在“更多”中会有“导航项目4”和“导航项目5”。它会随着屏幕尺寸的变化而变化。
我的想法是使用JavaScript一次一个地