Как отобразить модальное внутри выпадающего списка в Bootstrap 3? - PullRequest
Новая
       20

Как отобразить модальное внутри выпадающего списка в Bootstrap 3?

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

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

Я бы хотелнайти способ исправить это любым способом, так что использование CSS и JavaScript нормально, если модал находится внутри элемента ul

Пока что единственное решение, которое я вижу, чтобы заставить его работать, это перемещение модала наружу.элемент ul, но там, где существует проблема ... он нужен мне внутри элемента ul для каких-то внутренних вещей. 

<ul class="dropdown-menu image-options-menu" aria-labelledby="dropdownMenu1">
  <!-- Report Status -->
  <li>
    <a href="#!" data-toggle="modal" data-target=".reportStatus-20" type="button"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Report status</a>
  </li>
  <!-- Section: Modal -->
  <div class="modal fade in reportStatus-20" id="userModal" aria-hidden="false">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h4 class="modal-title">Some title</h4>
        </div>
        <div class="modal-body">
          <p>Some content</p>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div>
</ul>

Я должен видеть модал, но пока он только темнеетэкран

modal not working

...