JQueryツールのタブの最初のタブ内にFacebookの「いいね」ボタンを追加しました。
ページが読み込まれると、最初のタブが開き、Facebookの「いいね」ボタンが表示されますが、これは期待どおりに機能しますが、2番目/3番目の/...タブをクリックしてから最初のタブに戻ると、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 = "http://connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
そして、ボタンを最初のタブに表示したい場所に次のコードを配置しました。
<div class="fb-like" data-href="http://www.mysite.com/example/thisPage" data-send="false" data-layout="box_count" data-width="60" data-show-faces="false"></div>
ここで何が起こっているのか、そして最初のタブがロードされるたびにいいねボタンをリロードする方法はありますか?