Обратный вызов, чтобы подтвердить, что атрибут "SRC" установлен в IFRame

Question

Нужно показывать всплывающее окно только при успешной загрузке данных внутри IFrame. В настоящее время всплывающее окно становится видимым, даже если источник IFrame не загружается. Вот фрагмент кода:

$('#myIframe').attr('src', 'Student.aspx?roll=' + rollNumber);
$('#studentInfoPopup').modal('show');

Я попытался со следующим, но это не сработало:

$("#myIframe").load(function(){
      $('#studentInfoPopup').modal('show');
}).attr('src', 'Student.aspx?roll=' + rollNumber);

Пожалуйста, дайте мне знать обратный вызов, чтобы подтвердить, что атрибут "SRC" установлен в IFrame.

Answer 1

Вы должны использовать jQuery, как показано ниже:

$('#myIframe').attr('src', 'Student.aspx?roll=' + rollNumber);
$('#myIframe').load(function(){
  $('#studentInfoPopup').modal('show');
});

ОБНОВЛЕНО:
Я сделал это в JSFIDDLE, пожалуйста, проверьте ссылку, это поможет вам. и измените его как вам нужно. Ссылка: https://jsfiddle.net/a1kj8883/