我想将iframe加载到引导模式中,并在加载iframe之前显示一个加载程序.我使用一个简单的
jquery点击功能,但它不工作.我不明白为什么它不工作
fiddle整页
fiddle
$('.btn').click(function() {
$('.modal').on('show',function() {
$(this).find('iframe').attr('src','http://www.google.com')
})
$('.modal').modal({show:true})
$('iframe').load(function() {
$('.loading').hide();
});
})
解决方法
$('.modal').on('shown.bs.modal',function(){ //correct here use 'shown.bs.modal' event which comes in bootstrap3
$(this).find('iframe').attr('src','http://www.google.com')
})
如上图所示,使用引导3中的’shown.bs.modal’事件.
编辑： –
并且只是尝试从除了google.com之外的iframe打开一些其他网址,由于一些安全威胁,它不会允许您打开google.com.
原因是Google正在发送“X-Frame-Options：SAMEORIGIN”响应头.此选项可防止浏览器显示未与父页面在同一域上托管的iFrame.
