Wenn Sie ein neues Element im Bootstrap-Dropdownmenü auswählen, wird die vorherige Auswahl nicht gelöscht.

Question

Das folgende Codebeispiel verhält sich wie erwartet, abgesehen von einem Problem. Wie Sie sehen können, habe ich zwei Menüpunkte, von denen der erste ein Dropdown-Menü mit Datumsangaben ist. Wenn Sie innerhalb dieses Dropdown-Menüs eine Auswahl treffen, bleiben meine vorherigen Auswahlen markiert. Ich möchte, dass es sich so verhält, dass bei einer zweiten Auswahl frühere Auswahlen entfernt werden. Ich kann wahrscheinlich die Abwahl mit js/jquery erzwingen, aber ich vermute, es gibt mehr Bootstrap-freundliche Möglichkeiten, dies zu tun. In der Tat bekomme ich das richtige Verhalten auf dem höheren Menü.

  <ul class="nav nav-pills nav-stacked"> 
      <li class="dropdown"> 
       <a class="dropdown-toggle" data-toggle="dropdown" href="" role="button" aria-haspopup="true" aria-expanded="false"> 
        Menus&nbsp; 
        <span class="caret"></span> 
       </a> 
       <ul class="dropdown-menu nav nav-pills nav-stacked"> 
        <li class="nav-item dropdown"> 
         <a class="nav-link" data-toggle="tab" href="#">1/8/2016</a> 
        </li> 
        <li class="nav-item dropdown"> 
         <a class="nav-link" data-toggle="tab" href="#">1/9/2016</a> 
        </li> 
        <li class="nav-item dropdown"> 
         <a class="nav-link" data-toggle="tab" href="#">1/10/2016</a> 
        </li> 
       </ul> 
      </li> 
      <li class="nav-item"> 
       <a class="nav-link" data-toggle="tab"  href="#tab_menu_item2">MenuItem2</a> 
      </li> 
     </ul> 

Vielen Dank im Voraus für die Hilfe.

Nach Rüben Vorschlag, um das Nav aus dem Dropdown zu entfernen, habe ich es getan. Ich habe immer noch das gleiche Problem. So sieht dieser Abschnitt jetzt aus.

<ul class="dropdown-menu scroll-menu"> 
        <li class="dropdown"> 
         <a data-toggle="tab" href="#">1/8/2016</a> 
        </li> 
        <li class="dropdown"> 
         <a data-toggle="tab" href="#">1/9/2016</a> 
        </li> 
        <li class="dropdown"> 
         <a data-toggle="tab" href="#">1/10/2016</a> 
        </li> 

Answer 1

Entfernen Dropdown-Klasse von Ihrer Liste .. und warum fügen Sie Klasse navbar-link? :/

<ul class="dropdown-menu nav nav-pills nav-stacked"> 
         <li class="nav-item "> 
          <a class="dropdown-toggle" data-toggle="tab" href="#">1/8/2016</a> 
         </li> 
         <li class="nav-item "> 
          <a class="dropdown-toggle" data-toggle="tab" href="#">1/9/2016</a> 
         </li> 
         <li class="nav-item "> 
          <a class="dropdown-toggle" data-toggle="tab" href="#">1/10/2016</a> 
         </li> 
        </ul>