1

私のいいねボタンのコードは次のようになります。

<div class="like-btn">                                                                       

<fb:like href="http://www.example-url.com" layout="box_count" show_faces="true" width="450" action="like" colorscheme="light" ></fb:like>

</div>

私の問題は、いいねをクリックした後にコメントボックスを表示したくないということです。追跡目的で XFBML バージョンの Like ボタンを使用しているため、コメント ボックスは必須です。
変数 href を持つページに複数のいいねボタンがあります。
このシナリオでコメント ボックスを削除することに関するすべての質問/解決策を読みましたが、どれも機能しません。<div class="like-btn">の内容を更新すると役立つことを願っています。

誰かが私がこの問題にどのように取り組むべきかを理解するのを手伝ってくれませんか?

これまでの私の試みは次のとおりです。

//copying content of the div since the href is retrieved via php and is variable
var content = $('.like-btn').html();
$('.like-btn').empty();
$('.like-btn').html(content);

アップデート

受け入れられた回答に示されているアプローチは、デフォルトのいいねボタン (XFBML/HTML5) では完全に機能しますが、box-countスタイル付きでは機能しません。

4

2 に答える 2

2

コード分​​析によってコメント ボックス クラスを取得し、Solomon Closson の CSS 回答を適用してページ表示から削除できます。

何かのようなもの：

<style type="text/css">
    .like-btn-comment-box { display: none !important; }
</style>

.like-btn-comment-boxコメント ボックス クラスはどこにありますか

于 2013-08-12T05:17:30.160 に答える
1

現在使用している方法で、これをページに追加してみてください。

<style type="text/css">
.like-btn {
    height: 25px;
    overflow: hidden;
}
</style>

それが機能しない場合は、代わりに次のような FB Like ボタンを表示するための HTML5 コードを使用します。

<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";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<style type="text/css">
.fb-like{
    height: 25px;
    overflow: hidden;
}
</style>

<div class="fb-like" data-href="http://developers.facebook.com/docs/reference/plugins/like" data-width="450" data-show-faces="false" data-send="true"></div>

との高さを設定して.fb-like、コメント ボックスが完全にポップアップしないようにします。25 pixelsoverflow: hidden

ここで動作することがわかります: http://devs.dream-portal.net/dp11/index.php

更新しました

box-count スタイルの場合、box-count に iframe バージョンを使用でき、コメント ボックスは表示されません (少なくとも私にはありません)。

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Freference%2Fplugins%2Flike&amp;width=450&amp;height=65&amp;colorscheme=light&amp;layout=box_count&amp;action=like&amp;show_faces=true&amp;send=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:65px;" allowTransparency="true"></iframe>

再更新

また、このスタックオーバーフローの質問に関する上位の回答を 114 票で確認することもできます: Facebook Like Button - how to disable Comment pop up?

それを試してみてください。うまくいくかもしれません...よくわかりません。

于 2013-08-12T05:10:42.610 に答える