Bootstrap смешанный выпадающий переключатель - PullRequest
Новая
       29

Bootstrap смешанный выпадающий переключатель

0 голосов
/ 18 февраля 2019

У меня есть 2 выпадающих на 1 странице, 1 для выхода и 1 для графика.проблема в том, какую кнопку я нажал, выпадающий список всегда всплывает.Как мне отделить эту 2 выпадающую кнопку?

мой график 

<button class="btn btn-secondary dropdown-toggle" type="button" id="chartDropdown" onclick="dropdownChart()">
  Chart
</button>
<div class="dropdown-menu dropdown-menu-right" style="width:400px;" id="dropdownShow" aria-labelledby="chartDropdown">
  <form class="px-2 py-2" action="{{ url('purchase') }}" method="post">
    {{csrf_field()}}
    <div id="items"></div>
    <div class="row mx-1 px-2">
      <input type="text" name="fromE" value="#" id="fromE">
      <input type="text" name="mode" value="add">
      <input type="text" name="total" value="" id="total">
      <button type='submit' class="btn btn-primary">Purchase</button>
    </div>
  </form>
</div>

кнопка моего выхода из системы 

<ul class="nav navbar-nav ml-auto">
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="dropdown()">
      {{ Auth::user()->name }}
    </a>
    <div class="dropdown-menu dropdown-menu-right" id="dropdownShow" aria-labelledby="navbarDropdownMenuLink">
      <a class="nav-link " href="{{ route('logout') }}">Logout</a>
    </div>
  </li>
</ul>

1 Ответ

0 голосов
/ 18 февраля 2019

Ваши две выпадающие кнопки имеют одинаковый идентификатор.

Присвойте другой идентификатор одной из ваших кнопок, например id="dropdownShowChart" для кнопки Chart и id="dropdownShowLogout" другой.

...