Jquery полностью закрывает модальное диалоговое окно начальной загрузки

Вот мой код для закрытия модального бутстрапа с помощью jquery

//Start to hide bootstrap modal
    $('#continue-last-level').modal('hide'); //Line 1
//End

//Codes to execute another function 
        $.ajax({                             //Line 2
        url : '/qst/continue_last_level/',
        type : 'post',
        dataType: 'JSON',
        data : 'performance_level='+performance_level,
        success : function (data) 
        {
            localStorage.setItem("key", 60*3*data.total_questions);
            localStorage.setItem("question_id", data.first_question_id);
            localStorage.setItem("question_number", data.question_number);
            view_question_template(performance_level);
        }
        });
    }
//End code

Моя проблема заключается в том, что после выполнения кода в строке 1 я хочу выполнить коды в строке 2, модальное окно начальной загрузки было скрыто, но есть div. strong> еще не спрячешься... вот мой скрин для справки...

Изображение 1 введите здесь описание изображения

После того, как я нажал "да"... скажем, чтобы вызвать функцию для выполнения кода в строке 2, модальное окно было скрыто, но... введите здесь описание изображения


javascript jquery css twitter-bootstrap
person Nere    schedule 21.05.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Метод hide является асинхронным:

.modal('hide')

Вручную скрывает модальное окно. Возвращает вызывающему объекту до того, как модальное окно будет фактически скрыто (т. е. до того, как произойдет событие hidden.bs.modal).

Поэтому вам нужно учитывать это в своем коде и использовать событие hidden, которое предоставляет Bootstrap:

$('#continue-last-level').one('hidden.bs.modal', function () {
    // modal is now hidden
    // your code here
}).modal('hide');
person cvrebert    schedule 21.05.2015