我是 js 的新手,并试图在我的网站第一次加载时打开一个包含我的 facebook 粉丝页面的 fancybox iframe,但没有成功。 我已经对 fancybox 中的 js 文件和标题部分中的适当 css 进行了所有调用 我试图在索引页面中包含代码,以便在页面加载时显示 iframe 但没有成功,iframe 只是不显示。这是我使用的代码:
<script type="text/javascript">
$(document).ready(function() {
$(".iframe" ).fancybox({
'width' : '75%',
'height' : 440,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe',
'href' : "www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPalindrom%2F104421159704142&width=600&height=258&colorscheme=dark&show_faces=true&border_color=%2399c844&stream=false&header=false&appId=391204344279942"
});
$(".iframe").eq(0).trigger('click');
});
</script>
<a id="iframe"></a>
解决了!多谢你们!设法使用 $.fancybox 打开它而不需要 anchor 。这是我使用的代码,也许它会帮助其他在 jquery 和 fancybox 方面也是新手的人(我还添加了一个延迟计时器):
<script type="text/javascript">
setTimeout(function() {
// Do something after 5 seconds
$.fancybox({
'width' : 620,
'height' : 260,
'autoScale' : true,
'transitionIn' : 'fade',
'transitionOut' : 'elastic',
'openEffect' : 'fade',
'closeEffect' : 'elastic',
'type' : 'iframe',
'href' : "http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPalindrom%2F104421159704142&width=600&height=258&colorscheme=light&show_faces=true&border_color=%2399c844&stream=false&header=false&appId=391204344279942"
});
}, 5000);
最佳答案
在 www
之前添加 http://
怎么样?
所以这个选项
'href' : "www.facebook.com/....
应该是这样的
'href' : "http://www.facebook.com/...
关于php - Fancybox - 无法在 iframe 中打开类似 facebook 的框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11664607/