2014-11-03 31 views
0

我想在我的WordPress頁面上使用Facebook的評論框,我使用「handlebars js」,它動態地加載我的頁面上的腳本我的HTML內容。Facebook的評論插件在句柄腳本

當我添加Facebook的html代碼:

<div class="fb-comments" data-href="http://mysite/mypage/" data-numposts="5" data-colorscheme="light"></div> 

頁面上的任何地方,它工作正常,但是當我把手腳本中使用它,它沒有(除了像1超時20! )。

我試過改變Facebook的JS SDK加載異步,因爲我懷疑這個問題與我的腳本加載的順序,但仍然沒有運氣。

回答

2

在將Handelbars內容附加到DOM後,您需要使用FB.XFBML.parse解析插件。順便說一句,這是另一個話題,但你應該總是異步加載JS SDK,並確保它在使用FB.XFBML.parse之前加載。

確保在將模板內容附加到DOM後調用解析函數。

+0

謝謝,但現在又出現了另一個問題。添加FB.XFBML.parse();只有當我將它添加到句柄腳本中時才起作用 - 但隨後它會一直重新加載,並且頁面不會完全加載。排隊解析腳本不起作用.. – user3575737 2014-11-03 13:01:33

+0

它應該在附加把手內容後工作,這就是我如何處理句柄。當內容已經在DOM中時調用它是非常重要的。如果你想讓我看一下,你可以在你的問題中使用解析函數的地方添加代碼部分。 – luschn 2014-11-03 13:39:25

+0

我的句柄腳本從電子表格導入行,並將它們製作爲我的頁面上的單個div。所以三行數據=三個文本框。我想在每個框中都有一個FB評論框。經過一些測試後,我發現如果我在帶有兩秒延遲功能的頭文件中使用解析腳本,評論框只會在第一個框中加載。 – user3575737 2014-11-03 14:13:37