javascript - 花式框不打开 iFrame 第二次

标签 javascript jquery html fancybox modal-window

第一篇文章 - 你好!我使用 fancybox ( Fancybox homepage ) 来显示模态窗口。我正在尝试在此 div 内显示一个带有 iFrame 的隐藏 div。效果很好。第二次单击该链接时,它不会加载 iFrame(不是 404 错误,只是 iFrame 中没有内容)。谁能帮忙?

重要的部分:

<script type="text/javascript">
function openIframeLink() {
    $.fancybox({
        'type'          : 'inline',
        'href'          : '#data'
    });
};
</script>

和 HTML:

<div id="hiddenElement">
    <iframe id="data" src="frames/frame4.php" width="100%" height="300"></iframe>
</div>

最佳答案

遇到了同样的问题。根据 Frode 的评估,它正在剥离 src 属性,我在我的 fancybox 调用中添加了“onClosed”回调,并且能够将其添加回:

jQuery('#iframe_element').fancybox({
    'onClosed': reloadIframe
});

function reloadIframe() {
    jQuery('#iframe_element').attr('src','http://example.com');
}

关于javascript - 花式框不打开 iFrame 第二次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5091113/

相关文章:

javascript - 这两种数组排序算法是否会对任何输入产生不同的输出?

javascript - 在 Django 上导入 JS 文件

html - 允许 HTML 内容缩放,这样内容就不会聚集在一起

javascript - 使用 onKeyUp 时禁用 javascript 中的箭头键

html - Div 中 IE 7、8、9 中的垂直间距

html - Bootstrap 3 : Is there a way to hide navbar-text when small screens are used?

javascript - 构建稀疏数组

javascript - 从 angularjs 中的嵌套成功函数返回一个值

javascript - 在多个函数之间共享变量

javascript - 不打印 AJAX 的结果