modal все еще всплывает, даже если нажата другая кнопка.

Question

Когда я нажимаю на кнопку редактирования, появляется мода для редактирования информации, но когда я закрываю ее и нажимаю кнопку для добавления записи, то мода редактирования все еще появляется. Есть идеи?

<div id="myModal" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
           <div class="modal-dialog"> 
            <div class="modal-content"> 
             <div class="modal-header"> 

              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 

              <h5 class="modal-title" id="myModalLabel">Add a medicine</h5> 
             </div> 
             <div class="modal-body"> 
              <form enctype="multipart/form-data" id="modal_form_id" method="POST"> 
               <div class="form-group"> 
               <label class="control-label mb-10">Generic Name</label> 
               <select class="form-control" name="medicine_id" id="medicine_id"> 
                @foreach($items as $item) 
                <option value="{{$item->id}}" >{{$item->generic_name}}</option> 
                @endforeach 
               </select> 
              </div> 

              <div class="form-group" id="form-group-dosage_name"> 
               <label class="control-label mb-10">Dosage Volume</label> 
               <input type="text" name="dosage_name" id="dosage-volume" class="form-control" placeholder="Example: 20mg"> 
               <span class="help-block"></span> 
              </div> 

              <div class="form-group" id="form-group-form"> 
               <label class="control-label mb-10">Form</label> 
               <input type="text" name="form" id="form-dosage" class="form-control" placeholder="Bottle, Tablet"> 
               <span class="help-block"></span> 
              </div> 

              <div class="form-group" id="form-group-price"> 
               <label class="control-label mb-10">Price Per piece</label> 
               <input type="text" name="price" id="price" class="form-control" placeholder="Price"> 
               <span class="help-block"></span> 
              </div> 

              <div class="form-group" id="form-group-photo"> 
               <label class="control-label mb-10">Insert a photo</label> 
               <div class="panel-wrapper collapse in"> 
                <div class="panel-body"> 
                <div class="mt-20"> 
                 <input type="file" name="photo" id="input-file-now" class="dropify" > 
                </div> 
               </div> 
              </div> 
              <span class="help-block"></span> 
             </div> 
             {{ csrf_field() }} 
            </form> 
           </div> 
           <div class="modal-footer"> 
            <button type="button" id="action_button" class="btn btn-success waves-effect" id="save-dosage">Save</button> 
            <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Cancel</button> 
           </div> 
          </div> 
          <!-- /.modal-content --> 
         </div> 
        </div> 

так что код для модального

Answer 1

Обычно, это произошло из-за имя удостоверения личности будучи противоречили или излишним либо в этих обоих случаях.

Первого, неправильная цель (Заметило data-target="#myModal"):

// --------------------------------- Here 
<button type="button" data-target="#myModalAdd" class="btn btn-primary btn-lg" data-toggle="modal" > 
Open Modal 
</button> 
// --------------------------------- Here 
<button type="button" data-target="#myModalEdit" class="btn btn-primary btn-lg" data-toggle="modal" > 
Open Modal 
</button> 

Все, что вам нужно сделать, это, убедитесь, что объект правильно модальное окно data-target свойства (режимное окно можно дифференцировать с помощью идентификатора, например: <div id="myModalAdd" .....>

Второй, вы звоните прямо/программно из JS кода следующим образом:

$('#myModalAdd').modal('show'); // or 
$('#myModalEdit').modal('show'); 

Убедитесь, что переключатель $(<modal's ID>) в этом случае правильный.