Модальное диалоговое окно начальной загрузки, приводящее к тому, что вызов javascript в выпадающем меню не срабатывает - PullRequest
Новая
       25

Модальное диалоговое окно начальной загрузки, приводящее к тому, что вызов javascript в выпадающем меню не срабатывает

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

Я использую Bootstrap для создания простой программы, которая позволяет людям вводить некоторую информацию вместе со своей проблемой (это для небольшого центра технической поддержки), чтобы у нас был журнал того, кто входит.

У меня есть раскрывающееся меню с некоторыми типичными проблемами, с которыми сталкиваются люди, которые при выборе отправляют выбор вместе со своей информацией в базу данных.

Я хотел добавить несколько отзывов, чтобы пользователи знали, что их информация была успешно отправлена.,Я решил использовать объект 'modal fade' из Bootstrap.Это все работает хорошо и хорошо, но всякий раз, когда мои выпадающие ссылки ссылаются на модальное состояние, встроенный вызов javascript не работает.

Вот как выглядит код сейчас: 

      <div class="row">
         <div class="col-sm">
            <div class="dropdown">
               <button class="btn btn-secondary btn btn-block dropdown-toggle" type="button" id="dropdownMenuButton"
                  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  Reason for your visit
               </button>
                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                     <a class="dropdown-item" data-toggle="modal" data-target="#confirmedModal" href="javascript:dropDownSelection('Scantron Dropoff')">Scantron dropoff</a>
                     <a class="dropdown-item" data-toggle="modal" data-target="#confirmedModal" href="javascript:dropDownSelection('Scantron Pickup')">Scantron pickup</a>
                     <a class="dropdown-item" data-toggle="modal" data-target="#confirmedModal" href="javascript:dropDownSelection('Wifi issues')">Wifi issues</a>
                     <a class="dropdown-item" data-toggle="modal" data-target="#confirmedModal" href="javascript:dropDownSelection('DUO Enrollment issues')">DUO Enrollment issues</a>
                     <a class="dropdown-item" data-toggle="modal" data-target="#confirmedModal" href="javascript:dropDownSelection('Password Issues')">Password issues</a>
                     <a class="dropdown-item" id="otherBtn" href="javascript:otherButton()">Other</a>

               </div>
            </div>
         </div>
      </div>

Как выКак видите, я назначаю цель для переключения данных, чтобы открыть модальное окно, а затем вызываю функцию href = 'javascript: dropDownSelection ().Проблема заключается в том, что функция dropDownSelection в моем JS никогда не срабатывает, если я не удаляю модальный вызов следующим образом: 

<a class="dropdown-item" href="javascript:dropDownSelection('Scantron Dropoff')" >Scantron dropoff</a>

Я попытался организовать выпадающие классы так, чтобы вызов javascript предшествовал модальному вызову, нобез разницы.

Есть идеи?

...