Изменение внутреннего HTML в диалоге SimpleModal? - PullRequest
1 голос
/ 31 декабря 2010

Я использую функцию beforeSubmit плагина формы jQuery, чтобы закрыть модальное диалоговое окно, и я хочу, чтобы еще одно всплыло после результатов с отправляемой формой, поэтому я добавил другой модал в успех функция и проходя через responseText ... но новый модальный диалог никогда не всплывает ... как я могу получить его всплывающее окно? Я также хотел бы знать, как изменить innerHTML диалогового окна. Я попробовал dialog.data.html (responseText); и некоторые другие вещи, но ничего из этого не сработало.

Вот код для отправки формы:

$('#member_ban_forum').ajaxForm( { 
    data: { member: member }, beforeSubmit: function() { 
        $.modal.close();
    },

    success: function (responseText) {
        $().delay(5000, function () {
            simpleModal(responseText);
        });
    }
});

Вот код для всплывающей функции simpleModal, которую я сделал:

function simpleModal ( html ) {
    $(html).modal({
        containerCss:{
            height:340,
            width:450
        },

        onOpen: function (dialog) {
            dialog.overlay.fadeIn(350, function () {
                dialog.container.fadeIn(350, function () {
                    dialog.data.slideDown(350);
                });
            });
        },

        onClose: function (dialog) {
            dialog.data.slideUp(350, function () {
                dialog.container.fadeOut(350, function () {
                    dialog.overlay.fadeOut(350, function () {
                        $.modal.close();
                    });
                });
            });
        }
    });
}

1 Ответ

0 голосов
/ 31 декабря 2010

Я могу ошибаться, но я думаю, что проблема в том, что вы используете delay().

Для меня работает следующее:

$('#member_ban_forum').ajaxForm( { 
    data: { member: member },
    beforeSubmit: function() { 
        $.modal.close();
    },
    success: function (responseText) {
        setTimeout(function () {
            simpleModal(responseText);
        }, 5000);
    }
});
...