私はfb-like-box
とtwitter-timeline
、公式の facebook ページと twitter ウィジェットを持っています。ただし、実際のナビゲーション (サイドバーのリンクは ajax ロードを行います) では、たとえばロゴをクリックすると、これら 2 つのウィジェットは空中に消えます。
ページを更新すると、ウィジェットが再び期待どおりに表示されます。
<div id="social_bar">
<div id="facebook_like_box">
<div class="fb-like-box" data-href="https://www.facebook.com/Gx.Edg" data-width="234" data-height="500" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
</div>
<a class="twitter-timeline" href="https://twitter.com/gxEDGE" data-widget-id="308092518074040321"></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>
</div>