当使用 jQuery 可以看到引导模式时添加 iFrame

Posted 2023-05-09

【中文标题】当使用 jQuery 可以看到引导模式时添加 iFrame

【英文标题】：Adding an iFrame when a boostrap modal is visible with jQuery

【发布时间】：2016-05-29 10:25:07

【问题描述】：

当模态通过 jQuery 在屏幕上可见时，我想将 youtube 嵌入添加到模态，因为我在屏幕上有多个模态会显着影响页面加载时间，我只想在特定模态时加载视频在屏幕上可见。

$( document ).ready(function() 
 $(modalID).on('show',function()
       $('.player').html('<iframe   src="embed code" frameborder="0" allowfullscreen></iframe>');//iframe class
);  
);

【参考方案1】：

我为任何想知道的人想出来... 显然你需要一个没有初始 src 属性的 iFrame，比如 width.. height=... 和其他属性

    $( document ).ready(function() 
 $(modalID).on('show',function()
       $(iFrame).attr('src', youtube embed src);//add the youtube embed source
);  
);