我遇到了导航栏问题,当您单击菜单外部以关闭菜单时,导航栏会出现“闪烁”。如果在单击菜单外时按住鼠标,则闪烁会持续存在,如下所示:
我认为这可能与角度有关,而不是与CSS有关,主要是因为其他人未能在小提琴上复制它。上一个问题在这里。 https://stackoverflow.com/questions/36139568/changing-color-of-clicked-navbar-dropdown-using-bootstrap
HTML:
<nav class='navbar navbar-default.navbar-static-top navbar-custom'>
<div class='container-fluid'>
<ul class='nav navbar-nav navbar-left'>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="/grades">Grades</a></li>
<li><a href="/classes">Classes</a></li>
</ul>
<ul class='nav navbar-nav navbar-right'>
<li><a href="/messages"><i class="fa fa-envelope fa-lg"></i></a></li>
<!--has to do with the link, clicking it and clicking it again-->
<li><a class="dropdown-toggle dropdown-custom" data-toggle="dropdown" href="/profile"><i class="fa fa-user fa-lg"></i></a>
<ul class="dropdown-menu">
<li><a href="/profile.html">Edit profile</a></li>
<li><a href="/settings">Edit Preferences</a></li>
</ul>
</li>
<li><a href="/logout"><i class="fa fa-power-off fa-lg"></i></a></li>
</ul>
</div>
</nav>
CSS:
[ng\:cloak], [ng-cloak], .ng-cloak {
display: none !important;
}
.navbar-custom {
background-color: #586F7C;
}
.navbar-custom a {
color: #F4F4F9;
}
.navbar-custom .nav > li > a:hover {
background-color: #2F4550;
}
.navbar .navbar-nav > li.open > a, {
background-color: #586F7C;
}
.navbar .navbar-nav > li.open > a:hover,
.navbar .navbar-nav > li.open > a:focus {
background-color: #2F4550;
}
.nav >li > a:hover, .nav > li > a:focus {
background-color: #586F7C;
}
ng-include 在引用导航栏的文件中
<div ng-include="'html/navbar.html'"></div>
index.html 的一部分,其中引用了导航栏包含在其中的文件
<body>
<div class="view-container">
<div ng-view class="view-frame"></div>
</div>
</body>
我认为问题可能出在 ng-view 或 ng-include 上,但是到目前为止,上一个问题中的修复都没有起作用。