Facebook Comments Social Plugin 0 Width

當在jquery選項卡元素中使用facebook註釋社交插件時，它現在返回一個0寬度iframe，導致出現空白頁（選項卡）。呼叫在標籤內一直工作數月（年），但現在是一個月以來的問題。如果我將該調用放在標籤外部，插件工作正常。呼叫是Facebook Comments Social Plugin 0 Width

<ul class="css-tabs"> 
    <li><a id= "t1" href="#tab1">#ISUSkating</a></li> 
    <li><a id= "t2" href="#tab2">Facebook</a></li> 
    <li><a id= "t3" href="#tab2">Timetable</a></li> 
    </ul> 

<!-- tab "panes" --> 

<div class="css-panes"> 
    <!-- TAB 1 --> 
    <div></div> 
    <!-- TAB 2 --> 
    <div id="fb_comments" style="height:530px; overflow-y:auto; background-color:white;border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:5px;"> 
    <fb:comments href="http://livemanager.eurovision.edgesuite.net/isu/site/index.html" num_posts="10" width="300" colorscheme="light" order_by='reverse_time'></fb:comments> 
    </div> 

    <!-- TAB 3 --> 
    <div id="companion_right" style="height:250px; width:300px;"></div> 

</div> 

<!-- activate above css tabs with JavaScript --> 
<script> 
    $(function() { 
    // :first selector is optional if you have only one tabs on the page 
    $(".css-tabs:first").tabs(".css-panes:first > div"); 
    }); 
    </script>

來源

2013-10-30 user2935473

添加到您的CSS。

.fb_iframe_widget, 
.fb_iframe_widget span, 
.fb_iframe_widget iframe[style] {width: 100% !important;}

來源

2013-10-31 09:18:23 Picard102

bummer，現在在標籤中工作，但...有一個副作用，關閉facebook贊（通過addthis）關閉，因爲我認爲它使用相同的css調用。任何想法（見http://livemanager.eurovision.edgesuite.net/fisa/site/index.html） – user2935473

然後把目標父母的div？ '.fb_comments .fb_iframe_widget， .fb_comments .fb_iframe_widget span， .fb_comments .fb_iframe_widget iframe [style] {width：100％！important;}' – Picard102

您的解決方案也適用於模態jquery窗口。 –

Facebook Comments Social Plugin 0 Width

回答

相關問題