4

サイトに Facebook Send プラグインを追加しました。すべてが完璧に機能しましたが、Facebook の送信ボタンが消えることがありました。ページをリロードすると、送信ボタンが再び表示されます。

これが私のコードです：

<div id="fb-root"></div>
<div class="fb-send" data-href="http://www.google.com" ></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=519408*********";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

</script>

Facebook Send プラグインにはもう 1 つ問題があります。自動生成された<ifrme>タグの高さと幅は 1000px です。要素を調べると、このコードが表示されます。

これが私のコードです：

<iframe name="f3ff0f29fc" width="1000px" height="1000px" frameborder="0"  allowtransparency="true" scrolling="no" title="fb:send Facebook Social Plugin" src="" style="border: none; visibility: visible; width: 0px; height: 0px;"></iframe>
4

4 に答える 4

2

次の CSS を追加します。

div.fb-send iframe { min-width: 59px !important; min-height: 20px !important; }

次に、data-width="59" data-height="20"を .fb-send div に追加して、開始 iframe スタイルの高さを設定します。それ以外の場合は 1000px の高さを回避します。これにより、その下のボタンを無効にする非表示のレイヤーが作成されます。

<div class="fb-send" data-width="59" data-height="20" data-href="http://example.com"></div>
于 2013-09-12T17:44:51.770 に答える