html – 单击菜单外部以关闭它时,Bootstrap导航栏“闪烁”

html – 单击菜单外部以关闭它时,Bootstrap导航栏“闪烁”,第1张

概述我在导航栏中遇到问题,当您在菜单外部单击以关闭菜单时会出现“闪烁”.如果在单击菜单时按住鼠标,闪烁仍然存在,如下所示: 我认为它可能与角度有关,而不是css,主要是因为其他人未能在小提琴上复制它. Previous question here. HTML: <nav class='navbar navbar-default.navbar-static-top navbar-custom'> < 我在导航栏中遇到问题,当您在菜单外部单击以关闭菜单时会出现“闪烁”.如果在单击菜单时按住鼠标,闪烁仍然存在,如下所示:

我认为它可能与角度有关,而不是CSS,主要是因为其他人未能在小提琴上复制它. Previous question here.

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 ></i></a></li>        <!--has to do with the link,clicking it and clicking it again-->      <li><a  data-toggle="dropdown" href="/profile"><i ></i></a>        <ul >          <li><a href="/profile.HTML">Edit profile</a></li>          <li><a href="/settings">Edit Preferences</a></li>        </ul>      </li>      <li><a href="/logout"><i ></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 >     <div ng-vIEw ></div> </div></body>

我认为这个问题可能与ng-vIEw或ng-include有关,但到目前为止,上一个问题中没有任何修复工作.

解决方法 一个快速黑客可能会将此添加到您的CSS
.nav >li > a:hover,.nav > li > a:focus {    background-color: #586F7C;}

编辑:我刚刚意识到你已经在另一个线程中看到过这样的解决方案,但我能够复制“你的错误”. Here is a bootply,只是试着注释掉CSS并且BUG将会出现,CSS正如预期的那样工作.

总结

以上是内存溢出为你收集整理的html – 单击菜单外部以关闭它时,Bootstrap导航栏“闪烁”全部内容,希望文章能够帮你解决html – 单击菜单外部以关闭它时,Bootstrap导航栏“闪烁”所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1135565.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-30
下一篇2022-05-30

发表评论

登录后才能评论

评论列表(0条)

    保存