javascript - facebook 和 twitter 插件位置

Question

请问在同一个页面使用这两个脚本会不会有问题:

<a class="twitter-timeline" width="200" height="440" href="https://twitter.com/smth" data-    widget-id="347786415695880192"></a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

还有这个:

<a class="fb-like-box" data-href="http://www.facebook.com/pages/smth/12345328620951" data-width="282" data-height="430" data-show-faces="true" data-stream="true" data-header="true"></a>


<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>

因为它们具有相同的变量名，我遇到了一个问题:当我在 CSS 文件中设置相同的位置时，它们不会出现在相同的坐标中。实际上，facebook 插件的位置取决于我写这行的地方，但我遇到了一些问题，因为这个 pugling (facebook) 正在移动所有页面坐标引用。

谢谢!

Answer 1

添加

style="width:282px; position:absolute; left:-162px;"

到<a class="fb-like-box"...

这会将框垂直放置在 Twitter 小部件内，然后我们将其向左拉，这样它就不会出现在杂志上方。