Раскрывающееся меню начальной загрузки не исчезает при нажатии в другом месте? - PullRequest
Новая
       8

Раскрывающееся меню начальной загрузки не исчезает при нажатии в другом месте?

0 голосов
/ 30 июня 2018

Как показано в приведенной ниже ссылке при щелчке по строке меню, раскрывающийся список с ранее загруженным действием не исчезает.

Это очень неприятно, и я не могу понять, что вызвало это. Если кто-то может быть настолько любезен, чтобы помочь мне найти решение, я буду очень признателен!

(Я не могу опубликовать GIF, потому что у меня нет 10+ репутации.) https://gyazo.com/e8487c706e178c7e8b3ce03fd16d4c2d

<div class ="navbar-wrapper">
   <nav class="navbar navbar-expand-lg">
      <div class ="container">
         <div class = "mr-5">
            <a class="navbar-left" href="index.php"><img src="newreSizedStarIxLogo.jpg"></a>
            <div class = "navbar-right">  
               <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
               <span class="navbar-toggler-icon"></span>
               </button>
            </div>
         </div>
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
               <div class = "mr-5">
                  <li class="nav-item dropdown">
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     1
                     </a>
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown" >
                        <img src = "Imgs/download.png" class = "orangeTriangle">
                        <a class="dropdown-item" href="#">a</a>
                        <a class="dropdown-item" href="#">b</a>
                        <a class="dropdown-item" href="#">c</a>
                     </div>
                  </li>
               </div>
               <div class ="mr-5">
                  <li class="nav-item dropdown">
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     2
                     </a>
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <img src = "Imgs/download.png" class = "orangeTriangle orangeTriangleApplicationsLeftPosition">
                        <a class="dropdown-item" href="#">a</a>
                        <a class="dropdown-item" href="#">b</a>
                        <a class="dropdown-item" href="#">c</a>
                     </div>
                  </li>
               </div>
               <div class ="mr-5">
                  <li class="nav-item dropdown">
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     3
                     </a>
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <img src = "Imgs/download.png" class = "orangeTriangleTechnologyLeftPosition">
                        <a class="dropdown-item" href="#">a</a>
                     </div>
                  </li>
               </div>
               <div class ="mr-5">
                  <li class="nav-item dropdown">
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     4
                     </a>
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown" >
                        <img src = "Imgs/download.png" class = "orangeTriangleServiceLeftPosition">                
                        <a class="dropdown-item" href="#">a</a>
                        <a class="dropdown-item" href="#">b</a>
                        <a class="dropdown-item" href="#">c</a>
                        <a class="dropdown-item" href="#">d</a>
                     </div>
                  </li>
               </div>
               <div class ="mr-5">
                  <li class="nav-item dropdown">
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     5
                     </a>               
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown" >
                        <img src = "Imgs/download.png" class = "orangeTriangle">                
                        <a class="dropdown-item" href="#">a</a>
                        <a class="dropdown-item" href="#">b</a>
                        <a class="dropdown-item" href="#">c</a>
                        <a class="dropdown-item" href="#">d</a>
                     </div>
                  </li>
               </div>
            </ul>
         </div>
      </div>
   </nav>
</div>

1 Ответ

0 голосов
/ 02 июля 2018

Я выяснил, в чем проблема, я включил две разные версии начальной загрузки 4.0.0 и 4.1.1, как только я удалил старую версию и немного изменил код, он работал просто отлично.

...