बूटस्ट्रैप नेविबार इसे बंद करने के लिए मेनू के बाहर क्लिक करते समय "चमकती"

मुझे नौसेना के साथ कोई समस्या है जहां मेनू बंद करने के लिए मेनू के बाहर क्लिक करते समय "फ्लैश" दिखाई देता है। फ़्लैश बनी रहती है तो माउस के दबे जब मेनू से बाहर क्लिक करने जैसा कि यहाँ दिखाया:बूटस्ट्रैप नेविबार इसे बंद करने के लिए मेनू के बाहर क्लिक करते समय "चमकती"

मैं, सोच रहा हूँ यह कोणीय, और नहीं सीएसएस के साथ कुछ हो सकता है जिसका मुख्य कारण दूसरों नाकाम रहे हैं इसे पहेली पर दोहराने के लिए।

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>

सीएसएस:

[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; 
}

एनजी-शामिल फ़ाइल में नेवबार संदर्भित है

में

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

index.html के भाग यह संदर्भ देता है जहां फ़ाइल करें कि

में नेविबार एनजी-शामिल है

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

मुझे लगता है कि यह मुद्दा एनजी-व्यू या एनजी-इन के साथ हो सकता है, हालांकि अब तक पिछले प्रश्न में कोई भी फिक्स्ड काम नहीं करता है।

स्रोत

2016-03-28 Left

[आप एक plunker बना सकते हैं] (https://plnkr.co)? – Vucko

वाह, मुझे प्लंकर बनाने के दौरान अभी समस्या मिली। धन्यवाद! – Left

यहां मुद्दा यह था:

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

कि अतिरिक्त "," समस्या थी। तो यह सिर्फ एक वाक्यविन्यास त्रुटि होने के लिए समाप्त हुआ, हाहा कितना शर्मनाक है। कोई आश्चर्य नहीं कि ऐसा लगता है कि सब कुछ काम करना चाहिए, यह गलत जगह पर थोड़ा सा कॉमा था!

स्रोत

2016-03-30 19:34:25 Left

एक त्वरित हैक अपने सीएसएस करने के लिए इस जोड़ने जा सकता है

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

संपादित करें: मैं बस एहसास हुआ आप पहले से ही एक और धागा में इस तरह के एक समाधान देखा है, लेकिन मैं "अपने बग" को दोहराने के लिए सक्षम था। Here is a bootply, बस सीएसएस को टिप्पणी करने का प्रयास करें और बग उपस्थित होगा, सीएसएस के साथ यह अपेक्षित काम कर रहा है।

स्रोत

2016-03-30 09:10:23 Buksy

मेरे पास वास्तव में पहले से ही मेरे स्टाइलशीट में सटीक सीएसएस है, लेकिन यह किसी भी तरह से मेरे अंत में चमकती नहीं है। :( – Left

थोड़ा jQuery समस्या को हल करेगा। फ्लैशिंग वाले एंकर टैग के लिए बस निम्न जोड़ें।

`` `

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

` ``

स्रोत

2017-07-27 13:48:09

बूटस्ट्रैप नेविबार इसे बंद करने के लिए मेनू के बाहर क्लिक करते समय "चमकती"

उत्तर

संबंधित मुद्दे