обновления ДИВ, содержащий facebook кнопку

Question

, как мой, как код кнопки выглядит следующим образом:

<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 Button для отслеживания цели, поэтому поле комментариев неизбежно.
У меня есть несколько похожих кнопок на странице с переменными href's.
Я прочитал все вопросы/решения по удалению поля комментариев в этом сценарии, но никто из них не работает. Я надеюсь, что обновление содержимого <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); 

UPDATE

подход показан в общепринятом ответ отлично работает для кнопки по умолчанию, как (XFBML/HTML5), но не для box-count стиле.

Answer 1

С тем, как вы используете его, попробуйте добавить это к странице:

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

Если это не работает, используйте HTML5 код для отображения кнопки FB Like вместо этого, что-то вроде этого:

<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 pixels и overflow: hidden, который позволит предотвратить коробку комментария от выскакивают полностью!

Вы можете увидеть здесь работать: http://devs.dream-portal.net/dp11/index.php

ОБНОВЛЕНО

Для коробки подсчета стиля, вы можете использовать версию 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> 

RE-ОБНОВЛЕНО

Вы также можете просмотреть Top Ответ на этот вопрос StackOverflow здесь с 114 до голосов: Facebook Like Button - how to disable Comment pop up?

Попробуйте это, возможно, это сработает ... не уверен.

Answer 2

Вы можете получить класс окна комментариев с помощью анализа кода и применить ответ CSS Solomon Closson, чтобы удалить его из отображения страницы.

Что-то вроде:

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

Где .like-btn-comment-box это поле комментария класс