У меня есть страница с несколькими сообщениями. И я пытаюсь добавить кнопку Facebook LIKE
для каждого сообщения на этой странице. Я использую код XFBML
для заполнения, как кнопки под каждым сообщением, с другим URL-адресом, т.е. URL-адрес сообщения.XFBML Like Buttons not Loading при динамическом создании нескольких сообщений на странице
Кодекс здесь идет:
Прежде всего я включил:
в голове
<meta property="og:title" content="TITLE" />
<meta property="og:url" content="http://MY_URL" />
<meta property="og:description" content="TEST" />
<meta property="og:site_name" content="TEST" />
<meta property="fb:app_id" content="MY_App_ID" />
в HTML тег:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#" >
И в теле, я генерирование каждого поста в цикле с помощью Java-script Этого способа
strHTML += '<span>Hello This is a Post Start</span>';
// generating a variable url for each post using my Object List
varUrlTemp = 'https://17path.wordpress.com/?date=' + objListing.ListingId ;
strHTML += '<fb:like href="' + varUrlTemp + '" layout="button_count" action="like" show_faces="false" share="false"></fb:like>';
strHTML += '<script>(function (d, s, id) {';
strHTML += 'var js, fjs = d.getElementsByTagName(s)[0];';
strHTML += 'if (d.getElementById(id)) return;';
strHTML += 'js = d.createElement(s); js.id = id;';
strHTML += 'js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=MY_APP_ID_Here";';
strHTML += 'fjs.parentNode.insertBefore(js, fjs);';
strHTML += '<span>Hello This is a Post End</span>';
strHTML += '} (document, "script", "facebook-jssdk"));</script>';
Кодекса работает отлично всякий раз, когда страница загружается. Все подобные кнопки для начальных сообщений загружены правильно. Но когда я нажимаю кнопку «Загрузить еще» в конце, не загружается «Like Buttons» для новых сообщений на странице.
За время я решил ситуацию с помощью IFrame кода для генерации LIKE кнопок. Но я действительно смотрю, почему это не работает с кодом XFBML для Facebook Like. –