Я работаю над системой профилей, где, когда пользователь нажимает кнопки отправки формы, перезагружается iframe, который показывает профиль пользователя и обновляет содержимое.Перезагрузка работает отлично, но изображение не отображается после 1-й перезагрузки / обновления.Означает, что когда пользователь посещает изображения, он обнаруживается успешно, но когда пользователь сохраняет данные, то есть изменяет изображения и сохраняет их, изображение в iframe не появляется, я должен перезагрузить страницу, после чего изображение появляется.
Это код успеха ajax
$("#profile_iframe").fadeOut("slow", function() { //fadesout the iframe
$('#profile_iframe').hide().attr('src', (index, attr) => { //Reloads the iframe
return attr;
});
setTimeout(() => {
$('#profile_iframe').fadeIn('slow'); //fades in after reload
}, 2000);
});
Другое содержимое успешно обновляется, только изображение не отображается.Так что в ajax нет проблем.
Затем я попробовал этот код
$("#profile_iframe").fadeOut("slow", function() {
$('#profile_iframe').hide().attr('src', (index, attr) => {
return attr;
});
});
$('#profile_iframe').fadeIn('slow');
Здесь изображение успешно отображается после отправки ajax, но fadeOut fadeIn не работает правильно.После отправки iframe немедленно исчезает, а затем перезагружается с белым щелчком.Выглядит не очень хорошо.
Я даже пытался дождаться перезагрузки iframe, а затем исчезнуть, но затем изображение не появляется снова, я думаю, когда я пытаюсь поместить функцию fadeIn в другуюфункция, изображение не отображается.
Я знаю, что это немного длинно, но некоторая помощь будет оценена!Thankyou