Реализована форма загрузки изображений. Когда пользователь нажимает кнопку «Отправить», чтобы загрузить изображение на сервер, я отображаю модальное окно с плагином Jquery.BlockUI. В этом модальном представлении я отображаю iFrame с загрузкой информационных данных.
Проблема в том, что когда я добавляю iFrame, он отображается нормально, однако он остается на теле после закрытия модального представления. Я не знаю, как удалить его из тела?
$(function () {
$("#Form").ajaxForm({
iframe: true,
dataType: "html",
url: "/Images/Upload",
target: "body",
type: "POST",
success: function (result) {
//$.unblockUI();
$('body.divAI').unblock();
},
beforeSubmit: function () {
$('body').append('<div id="divAI" style="cursor: default;"><div style="background-color: #404040; height: 23px;"><div style="width: 250px; text-align: left; padding-top: 3px;"><span style="font-weight: bold; color: White; padding: 3px; height: 23px; font-size: 10pt; text-align: left; font-family: Verdana;">Add Item</span></div></div><iframe id="ifAI" scrolling="no" height="200" width="425" src="Images/InFrame" frameborder="0"></iframe></div>');
$.blockUI({ message: $("#divAI"), css: {
width: '425px',
height: '225px',
left: ($(window).width() - 425) / 2 + 'px',
top: '10%'
}
});
},
error: function (response) {
$.unblockUI();
}
});
});