XFBML按鈕在頁面上動態生成多個帖子時未加載

我有一個包含多個帖子的頁面。我正在爲此頁面上的每個帖子添加一個Facebook LIKE按鈕。我正在使用XFBML代碼來爲每個帖子下方的按鈕填充不同的網址，即發佈網址。XFBML按鈕在頁面上動態生成多個帖子時未加載

enter image description here

的代碼都在這裏：

首先我已經包括：

在頭

<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#" >

而且在身體，我使用JavaScript這樣

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」。

來源

2013-12-21 open and free

因爲我已經解決了使用iframe代碼用於產生象按鈕的情況的時間。但我真的在尋找爲什麼它不適用於Facebook Like的XFBML代碼。 –

附加按鈕與iframe中後再次分析DOM與

FB.XFBML.parse(document.getElementById("containerid"));

確保每個按鈕都有不同ID的父母。

與FB.XFBML.parse();嘗試，我希望它的工作原理:)

來源

2014-01-06 13:16:35 user3165519

感謝您的解決方案。但我用iFrame版本推出了它:) –

XFBML按鈕在頁面上動態生成多個帖子時未加載

回答

相關問題