使用颜色框在弹出窗口中加载外部网站
Loading external website in popup window using Colorbox
在官方网站提供的例子中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还是新窗口中?
相关文章:
- 召回窗口加载事件 - javascript
- AngularJS:触发从子窗口加载视图(OAuth)
- 将函数从点击事件更改为窗口加载
- 我想在窗口加载后只调用一次JavaScript setInterval函数
- 我有一个用于 onclick 的窗口加载函数 如何添加 onblur 事件并合并为一个
- 如何使用窗口加载函数使我所有的 javascript 都外部化
- 窗口加载功能无法停止
- Javascript 在窗口加载时将 onclick 事件添加到单选按钮
- Javascript在停止窗口加载后显示一些内容
- Javascript:选择窗口加载功能
- 在应用中的窗口加载事件 famo.us
- 创建页面的模式窗口加载以用于用户反馈
- 将图像组合在一起并在窗口加载时对图像进行动画处理
- 窗口加载未触发
- 如何从父窗口加载关闭子窗口
- 窗口加载功能不起作用
- 如何在自定义弹出窗口加载中加载 js/css 文件
- jQuery 的窗口加载包装器
- 如何在窗体/窗口加载时使用角度引导程序调用函数以显示第一个选项卡的动态内容
- 窗口加载时未触发警报