回调以确认 "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 中完成了此操作，请检查 link 它会对您有所帮助。并根据需要进行修改。 Link: https://jsfiddle.net/a1kj8883/

Callback to confirm that "SRC" attribute is set in IFRame