2011-05-30 71 views
1

裏面我建立一個網站來展示一些照片。照片使用類似燈箱的效果進行查看。我想在「燈箱」內添加Facebook評論,但評論無法加載。 。添加Facebook的評論的「收藏夾」

$(函數(){

$('.pics').click(function(){ 

     ... 
     ... 

     $(".comments").html("<div id=\"fb-root\"></div><script src=\"http://connect.facebook.net/en_US/all.js#xfbml=1\">" + "<" + "/" + "script>" + "<fb:comments href=\"example.com\" num_posts=\"5\" width=\"800\"></fb:comments>"); 

      }); 

    }); 

在此先感謝

回答

1

我想你應該嘗試渲染評論第一,但讓他們看不見的是這樣的:。

<div id="comments" class="hidden">  
    <fb:comments href="example.com" num_posts="5" width="800"></fb:comments> 
</div> 

假設隱藏的類,使div無形。

現在用JavaScript代碼,你應該能夠做到這一點:

$(".pics").click(function(){ 
    $("#comments").show(); 
}); 

我還沒有測試這一點,有一個關閉的機會Facebook不會評論加載到一個無形的元素。如果是這樣的話,你也許能逃脫在頁面加載後渲染它並添加hidden類,雖然有可能是一個閃爍。

+0

感謝您的幫助。它完美的作品。 但我拿出不同的東西......你看到的時候我只在頭部添加 '中的HTML的''部分。而且我在製作lightbox調用時也使用'jquery.html()'編寫相同的'