Bootstrap navbar "Menüyü dışına tıklattığınızda" yanıp sönüyor "

Menüyü kapatmak için menünün dışını tıklattığınızda" yanıp sönen "görünen navbar ile ilgili bir sorun yaşıyorum.Bootstrap navbar "Menüyü dışına tıklattığınızda" yanıp sönüyor "

Diğerleri başarısız olmuş başlıca nedeni, bu açısal değil, css ile ilgili bir şey olabilir düşünüyorum: burada gösterildiği gibi menü dışına tıklandığında fare basılı tutulduğu sürece flaş devam keman üzerinde çoğaltmak için.

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-içerir dosyasında navbar başvurulmaktadır başvurduğu nerede index.html kısmı

<div ng-include="'html/navbar.html'"></div>

yılında navbarın

numaralı telefona dahil edildiği dosya

<body> 
<div class="view-container"> 
    <div ng-view class="view-frame"></div> 
</div> 
</body>

Sorun, ng-view veya ng-include ile olabileceğini düşünüyorum, ancak bir önceki sorudaki düzeltmelerin hiçbiri işe yaramadı.

kaynak

2016-03-28 Left

[Bir plunker oluşturabilir] (https://plnkr.co)? – Vucko

Vay, bir plunker oluştururken sorunu buldum. Teşekkürler! – Left

Burada sorun vardı:

.navbar .navbar-nav > li.open > a, { 
    background-color: #586F7C; 
}

ekstra "" sorun buydu. Böylece sadece bir sözdizimi hatası, utanç verici haha olmak için sona erdi. Hiç şaşmamalı gibi görünüyor her şey çalışıyor olmalıydı, yanlış yerde sadece küçük bir virgül oldu!

kaynak

2016-03-30 19:34:25 Left

biri hızlı kesmek için css

.nav >li > a:hover, .nav > li > a:focus { 
    background-color: #586F7C; 
}

düzenle bu ekleme edilebilir: Sadece Zaten başka bir iş parçacığı böyle bir çözüm gördüğüm fark ama "Hatanızı" çoğaltmak başardı. Here is a bootply, sadece css'i açıklamaya çalışın ve hata mevcut olacak, css ile beklendiği gibi çalışıyor.

kaynak

2016-03-30 09:10:23 Buksy

Aslında, stil sayfamda zaten tam olarak bir css var, ancak bir şekilde benim sonumda yanıp sönmeyi düzeltmiyor. :( – Left

Küçük bir jQuery sorunu çözecektir. Sadece yanıp sönen çapa etiketleri için aşağıdakileri ekleyin.

`` `

$('.navbar-custom .navbar-nav li a').on('mouseup', function(){ 
     $(this).blur(); 
    });

` ``

kaynak

2017-07-27 13:48:09

Bootstrap navbar "Menüyü dışına tıklattığınızda" yanıp sönüyor "

cevap

İlgili konular