Кнопка «Мне нравится» в HTML5 Facebook - Скрыть комментарий

0

Мне нужно отключить всплывающее окно "Скажи что-нибудь об этом", которое отображается после нажатия кнопки Facebook Like.

Простым решением является использование версии iFrame кнопки Like. Тем не менее, моя страница похожа на woobox. Я не могу изменить подобную кнопку с HTML5 на версию iframe, но у меня есть доступ к добавлению дополнительных CSS и Javascript.

Было несколько решений, размещенных в Stackoverflow, но некоторые пользователи указали, что они больше не работают Facebook Like Button - как отключить комментарий? Я пробовал все эти решения и могу подтвердить это.

Теги:
facebook
facebook-like

3 ответа

3
Лучший ответ

Хорошо, я смог создать что-то, что могло бы вам помочь.

Здесь JSFiddle: JSFiddle

То, что я в основном делал, было завернуто как кнопка в div со скрытым переполнением. Проблема только в том, что после загрузки страницы появляется поле комментария, а после этого уходит. (он все еще содержится внутри div, но он закрывает аналогичные кнопки на секунду)

Другой подход может быть примерно таким: Изменение элементов iFrame

Где вам нужно будет просмотреть источник и проверить идентификатор элемента Facebook для поля комментариев. (выглядит так: div#u_0_6._56zz._56z) Как только у вас есть идентификатор, вы можете попробовать .hide() или .css('display', 'none') К сожалению, этот идентификатор действительно неясен и выглядит для меня как это изменения на регулярной основе. Поэтому, если он изменится, ваш код явно не сработает.

Кажется, что JSFiddle работает. И это похоже на ваш единственный верный вариант.

Поделиться
  • 0
    Привет Райан, большое спасибо, что нашли время, чтобы придумать это решение! Я ожидал узнать, что после долгих часов поиска по этому сайту уже не было работающего решения, но вы его прибили! Ура !!!
1

просто добавьте этот стиль в style="overflow: hidden !important;" к div как я сделал ниже

<div class="fb-like pull-right" data-href="http://thegoldbook.in/demo/singlequestion.php?ques_no='.$ques_id.'" data-width="100" data-layout="button" data-action="like" data-show-faces="false" data-share="true" style="overflow: hidden !important;"></div>
Поделиться
1

Что касается вашей проблемы с макетом Woobox, то вам нужно будет ссылаться только на часть формы ввода, которая включает кнопку Like, чтобы скрыть переполнение. Следующий CSS будет делать трюк в одиночку:

.form-group .input-group.type-like .inputs.grid { overflow: hidden !important; }

Если вы хотите полностью заменить стандартную кнопку "Избранное" вашей собственной версией плагина кнопки IFRAME, вы можете использовать следующее:

CSS, чтобы скрыть кнопку по умолчанию:

.embedded .form-group .input-group.type-like .inputs.grid > div:first-child { display: none !important; }

и JS, чтобы вместо этого включить вашу собственную версию кнопки IFRAME, сохраняя при этом общую настройку формы одинаковой

$(function() {
   $( '.embedded .form-group .input-group.type-like .inputs.grid' ).prepend( '<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fportraitize&amp;width&amp;layout=button&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=35&amp;appId=872100376149378" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:22px; width:60px; float:left;" allowtransparency="true"></iframe>' );
});
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню