Как я могу использовать jquery для сохранения данных формы, а затем загрузить их в fancybox для предварительного просмотра изменений

Question

У меня есть форма с несколькими полями, в которой есть функция автосохранения jquery, которая сохраняет форму каждые 3 минуты, а также кнопка, которую пользователь может нажать, чтобы сохранить форму.То, что я хочу, это функция предварительного просмотра, которая загружается в fancybox.В настоящее время, когда я нажимаю кнопку предварительного просмотра, fancybox загружается с помощью iframe и извлекает данные из процесса php / mysql.Предварительный просмотр в fancybox загружается, но если форма изменилась с момента последнего сохранения и не была сохранена с момента самых последних изменений, fancybox отображает данные до последних изменений.

$(function() {
    $('#preview-article').live('click', function() {
        saveTheForm();
        $('#preview-article').fancybox({
            'width': '80%',
            'height': '80%',
            'autoScale': false,
            'transitionIn': 'none',
            'transitionOut': 'none',
            'type': 'iframe'
        });
    });
});

Любойпомощь очень ценится !!!

Answer 1

Проверьте этот плагин jQuery, который сохраняет данные формы в cookie при вводе.

Может быть, вы могли бы получить данные cookie для вашего модного fancybox. Здесь

Answer 2

Я нашел опцию API, включенную в fancybox, под названием OnStart, в которую я смог добавить функцию saveTheForm. Опция OnStart вызывается прямо перед попыткой загрузки контента. Пока что работает.

$(document).ready(function() {
    $('#preview-article').fancybox({
            'onStart': saveTheForm,
            'width': '80%',
            'height': '80%',
            'autoScale': false,
            'transitionIn': 'none',
            'transitionOut': 'none',
            'type': 'iframe'
    });
});