模态形式问题中的Bootstrap模态

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

解决此问题的方法是确保在打开另一个模态之前关闭所有模态。