Bootstrap modal в выпуске модальной формы

Question

Проблема, с которой я сталкиваюсь, заключается в том, что я открываю модальный код, а затем меняю тело на другую форму через $.ajax.

Основном DeleteTaskObjectiveModal называет EditTaskModal которая воспитывает форму в #MainModal. Каждый вход формы сломан, по тексту я ничего не могу ввести, а <select> - это то же самое, что на картинке.

Он также замедляет работу правой кнопкой мыши по какой-либо причине.

function DeleteTaskObjectiveModal(parent_url, delete_url, label, question){ 
      $('#MainModal').modal('hide'); 
      $('#DeletionLabel').html(label); 
      $('#DeletionQuestion').html(question); 
      $('#DeletionButton').attr('onclick', 'AjaxDelete("'+delete_url+'"); $("#MainModal").modal("hide"); EditTaskModal("'+parent_url+'");'); 
      $('#DeletionModal').modal('show'); 
      $('#DeletionModal').unbind('click').on('click', '.DeletionClose', function(e) { 
          e.preventDefault(); 
          EditTaskModal(parent_url); 
        }); 
    } 

function EditTaskModal(edit_url){ 
    $.ajax({ 
     url: edit_url 
    }).done(function(value) { 
        $('#MainModalLabel').html('Edit Task'); 
        $('#MainModalBody').html(value); 
        $('#MainModal').modal('show'); 
        $('.MainModalClose').attr('onclick', '$("#MainModal").modal("hide"); ContentAjax("{{ URL::to("TaskList") }}");'); 
      }); 
    } 

Answer 1

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