Почему окно fancybox по ajax открывается и сразу закрывается?

Question

[nata32]

Добрый день, есть активное окно в fancybox, при нажатие кнопки отправляются данные по ajax, при возврате окно закрывается и открывается новое, но оно сразу закрывается, код

$("#codereply").on("submit", function(){
                $.ajax({
                        type: 'POST',
                        url: $url,
                        data: $("#codereply").serialize(),
                        dataType: 'json',

                        success: function (data) {
                                       // console.log(data);
                                             var instance = $.fancybox.getInstance();
                                                 instance.close();
                                                $.fancybox.open(data['html'],
                                                {
                                                        afterClose: function() {
                                                               location.reload();
                                                        }
                                                });
                                        }
                });
                return false;
                });

Answer 1

[Пума Тайланд]

анимация закрытия ещё идёт, а ты уже открываешь новый — он и гасится вместе с ней.

убери instance.close() и добавь closeExisting: true:

$.fancybox.open(data['html'], {
    closeExisting: true,
    afterClose: function() { location.reload(); }
});

fancybox сам разберётся с очерёдностью.

Comments

[nata32]

спасибо, попробую, на данный момент вопрос был решен другим путем, не закрытием открытием окон а подгрузкой нового контента в то же окно по ajax

success: function (data) {
                                         $('#reloadBlock').html(data['html']);
                                        }