Как остановить отображение в iframe ранее загруженного (старого) контента?

Question

У меня проблема с iframe / всплывающим окном, показывающим старое содержимое.

У меня есть только один тег iframe, а затем измените его src на JavaScript, чтобы отобразить различные альбомы изображений.

Поэтому, когда вы щелкаете по названию альбома, src изменяется, а затем запускается всплывающее окно.

Допустим, вы начинаете открывать альбом 1. Затем он загружается без проблем.

Затем, когда вы открываете следующий альбом (альбом 2), изображения из album 1 показываются в течение первых 3-7 секунд, прежде чем показываются изображения из album 2.

Как мне предотвратить это поведение?

Вот мой HTML-код:

<div class="modal-content">
  <iframe class="iframe" id="iframeurl" src="lpading.gif" frameborder="0" height="100%" width="100%" style="">
  </iframe>
</div>

Вот мой код JavaScript:

function showdiv() {             
  document.getElementById('iframeurl').src = data.nurl;
  $("#gluggi1").trigger('click');
}

Answer 1

Звучит как нормальное поведение из-за загрузки контента. Вы можете очистить iframe перед загрузкой нового контента:

$('#iframeurl').attr('src', 'about:blank');