晚上所有,
我正在尝试将“Like Box”代码嵌入我代表业余运动队构建的基于 HTML 的新网站上。
Facebook 提供的代码(见下文)仅在登录 Facebook 时有效。未登录时,它会从网站上消失。
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="https://www.facebook.com/pages/Abbots-Leigh-Cricket-Club/355894667759395" data-width="250" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
意识到这个问题后,我找到了一个网站,它完全按照我希望它在我们的网站上显示的方式显示插件(下面的代码)......
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fcricinfo&width=250&height=248&show_faces=true&colorscheme=light&stream=false&border_color=0&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:260px; margin-bottom:10px; background:#FFFFFF;" allowTransparency="true"></iframe>
...考虑到这一点,我修改了代码(见下文)并希望它能够工作...
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FAbbots-Leigh-Cricket-Club%2F355894667759395&width=250&height=248&show_faces=true&colorscheme=light&stream=false&border_color=0&header=false" " scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:260px; margin-bottom:10px; background:#FFFFFF;" allowTransparency="true"></iframe>
...但是,原来的问题仍然存在。谁能解释我哪里出错了?
任何帮助都会很棒,因为它把我逼到了墙角!