引導模式中的Facebook評論插件

對於一個簡單的網站我正在建設我需要Facebook社交插件 - 評論集成。引導模式中的Facebook評論插件

這是非常基本的。一個頁面加載（item.php）與來自mysql數據庫的相應數據。我爲Social Plugins創建了一個FB應用程序，並將代碼添加到頁面中。這個工作沒有問題，但是...我想在用戶點擊同一頁面上的評論按鈕後，將註釋插件顯示在模式窗口（Bootstrap）中。（例如：This link - press comment button）

模式很好地打開，但註釋插件未顯示。當我在例如Chrome檢查器中檢查代碼時，Facebook插件似乎已加載並正在生成文本和圖像。但出於某種原因，它不會出現在我的模式窗口內。

我添加了一個「分享」和一個「喜歡」按鈕，看看它們會顯示出來，而且兩者都不會給出任何問題。

任何人有關於如何解決這個問題的想法？

這裏是一塊代碼的：按鈕：

<a class="btn btn-block btn-primary" data-toggle="modal" data-target="#commentModal">Comments (<span class="fb-comments-count" data-href="<?php echo $config['paths']['siteURL']; ?>item.php?item=<?php echo $res['titel']; ?>"></span>)</a>

模態窗口：

<div class="modal fade" id="commentModal" tabindex="-1" role="dialog" aria-labelledby="commentModal" aria-hidden="true" data-backdrop="false"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title" id="myModalLabel">Comments for <?php echo $res['titel']; ?></h4> 
     </div> 
     <div class="modal-body"> 
      <div class="fb-comments" data-href="<?php echo $config['paths']['siteURL']; ?>item.php?item=<?php echo $res['titel']; ?>" data-numposts="5" data-colorscheme="light"></div> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div> 
</div>

來源

2015-04-06 Ivar Kramer

評論視圖的跨距的寬度被設定爲0，因爲它首先被bootstrap隱藏，然後顯示後，寬度仍然爲0，因此您看不到它。也許你可以手動設置我猜的寬度。

這不是facebook sdk的bug。 Facebook的SDK不知道你會怎麼做跨度後。它只能在初始加載期間渲染它。也許bootstrap可以在未來的版本中對此做些事情。但不要太希望...

來源

2015-04-15 09:48:27 folizc

我已經從頁面中刪除了引導模式，而是放置了一個fancybox2框。也許在未來的版本中，這將得到解決。現在我有我的問題與另一個插件修復。 –

引導模式中的Facebook評論插件

回答

相關問題