2

ページのソーシャル アイコンに奇妙な問題が発生しています。G+ は完全に機能していますが、HTML ページの読み込みが完了したときに、Twitter の共有ボタン + FB のようなボタンが読み込まれません。

ツイッター：

<a href="https://twitter.com/share" class="twitter-share-button">Tweet</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>

ここでは、ページの読み込みが完了したときに、プレーン テキストの "Tweet" (リンクとして) のみが表示されます。実際のツイッターボタンではありません。

Facebook (ここでいくつかの Rails コードを使用して現在の URL を表示します)、ここでは何も表示されません:

<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_US/all.js#xfbml=1&appId=.......";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="<%= request.original_url %>" data-width="100" data-colorscheme="light" data-layout="button_count" data-action="like" data-show-faces="false" data-send="false"></div>

面白いことに、ページが読み込まれた後、再読み込みボタン (CMD+R) を押すと、アイコンが完全に表示されます!

その問題を解決する方法がわかりません。ドキュメントの読み込みが完了したときにのみ JS を使用してコンテンツを表示しようとしましたが、解決しませんでした。

4

2 に答える 2

0 
<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/fr_FR/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-post"
     data-href="https://www.facebook.com/photo.php?v=10153444775720220"
     data-width="550">
    <div class="fb-xfbml-parse-ignore">
        <a href="https://www.facebook.com/photo.php?v=10153444775720220">
        Publication</a> de
        <a href="https://www.facebook.com/tsahalfr">
        Tsahal-Armée de Défense d&#039;Israël</a>.
    </div>
</div>
于 2013-11-03T18:41:24.777 に答える