Question

在官方网站提供的示例中 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时，会出现一个空白弹出窗口。有人可以帮我吗？

非常感谢。

Answer 1

您可以创建一个带有谷歌搜索框的简单页面以及您需要的任何其他内容，然后在iFrame而不是google.com中打开它...

您希望搜索结果显示在iFrame或新窗口中吗？

使用Colorbox在弹出窗口中加载外部网站

1 个答案: