動態顯示/隱藏Facebook喜歡按鈕

我已成功在我的測試頁上包含Facebook Like按鈕。每頁有幾個項目，每個項目都有一個像按鈕一樣的Facebook。我正在使用XFBML版本。

如果加載頁面中存在按鈕，則一切運行良好。但是，現在我只想在包含項目和按鈕的容器元素上的鼠標懸停上顯示每個項目的按鈕。因此，fblike按鈕html在頁面加載時隱藏，並且我添加了一些類似的代碼以便在鼠標懸停時顯示它們：

$(content).mouseenter(function(){ 
     $(this).find('.fblike').show(); // toggle the display of the button 

     FB.XFBML.parse(this); //re-parse xfbml 
    });

該按鈕在鼠標懸停在容器上時顯示完美，但從未工作。點擊按鈕不會做任何事情。

有沒有人跑過這個問題？

編輯：

.fblike是在包含FB一個div的類：像標記。

重新解析是必需的，因爲在頁面加載時，隱藏了類.fblike的每個div。 Facebook JavaScript SDK不會解析隱藏元素內的xfbml標籤。

來源

2010-08-27 Rajat

我做了一個解決方案，沒有任何額外的重新解析（也許FB已經改變了SDK）。你還沒有解決這個問題嗎？我現在的問題是，即使每個按鈕都隱藏起來，它在加載內容時會解析並加載每個iframe，並且會減慢頁面加載速度。 – Cristian 2011-05-31 10:32:12

它工作.. ?? – harry 2012-11-01 19:32:13

我認爲你的問題是在這個變量範圍內。試試這個：

 
FB.XFBML.parse($(this));

因爲你並不需要（被稱爲匿名函數），這個做的，但元（上被調用這個匿名函數）。

來源

2011-06-13 13:08:43 MatejB

動態顯示/隱藏Facebook喜歡按鈕

回答

相關問題