首页 / JAVASCRIPT / javascript – 花哨的盒子第二次没有打开iFrame

javascript – 花哨的盒子第二次没有打开iFrame

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 花哨的盒子第二次没有打开iFrame，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含935字，纯文字阅读大概需要2分钟。

内容图文

第一篇文章 – 你好！我使用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>

最佳答案:

看起来fancybox从DOM中提取iframe元素并将其放入自己的容器中.然后,当你关闭fancybox时,它会尝试将其插回原来的位置 – 但设法松开src属性值.

fancybox家伙批准打开iframe的方法似乎如下.

<a id="mylink" class="iframe" href="frames/frame4.php">mylink</a>
<script type="text/javascript">
    $("#mylink").fancybox();
</script>

绕过它的一种方法是克隆iframe元素,即

function openIframeLink() {
    $.fancybox( {content: $('#data').clone()} );
}

显然不理想..我喜欢听到更熟悉的人.

内容总结

以上是互联网集市为您收集整理的javascript – 花哨的盒子第二次没有打开iFrame全部内容，希望文章能够帮你解决javascript – 花哨的盒子第二次没有打开iFrame所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/827491.html

来源：【匿名】