使用颜色框在弹出窗口中加载外部网站

Loading external website in popup window using Colorbox

本文关键字:窗口 加载 外部 网站 颜色      更新时间:2023-09-26

在官方网站提供的例子中http://www.jacklmoore.com/colorbox/example2/

此网站 http://threadless.com 弹出窗口中成功打开。

我成功实现了此示例,但无法加载任何其他页面。

例如

<link rel="stylesheet" href="colorbox.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="jquery.colorbox.js"></script>
    <script>
        $(document).ready(function(){
            $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
        });
    </script>
<body>
    <p><a class='iframe' href="http://threadless.com">Outside Webpage (Iframe)</a></p>
</body>

这段代码运行良好,但是当我用 google.com、facebook.com 或任何其他网站替换 threadless.com 时,会出现一个空白弹出窗口。谁能帮我?

非常感谢。

您可以使用Google搜索框和其他任何您需要的内容创建一个简单的页面,然后在iFrame中打开它而不是 google.com...

您希望搜索结果显示在iFrame还是新窗口中?