2013-06-03 78 views
0

我一直在搞亂這個一段時間... http://jsfiddle.net/ravenna/GFydL/7/我怎麼能列出兩位LinkedIn按照按鈕在Twitter的引導下拉

<div class="dropdown"> 
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
     <li>Test</li> 
     <li> 
     <script type="IN/FollowCompany" data-id="621453" data-counter="right"></script> 

     </li> 
    </ul> 
</div> 

我所擁有的是多重下拉菜單,每個代表一個用戶配置文件。如果用戶有我們的Linkedin檔案,那麼他們的下拉菜單中會顯示一個關注按鈕。

所有的瀏覽器顯示第一個,鉻顯示第二個就好。 FF和IE只顯示第二個和更多的圖標的一個條子。任何想法如何看到任何數量的關聯按鈕鏈接?

回答

2

首先,我發現按鈕加載速度有時很慢,所以您可以在加載按鈕之前打開下拉列表。

我無法在IE上測試。我找到了一個Firefox的解決方案。 linkedin api(js)在一個範圍內(或類似的)範圍內的iframe中的iframe中加載一個div。我發現按鈕的iframe加載,但只有2px的寬度。 2 px寬度似乎是由ul.dropdown-menudisplay:none造成的。我的解決方案,能見度更換顯示這樣的div了空間:

ul.dropdown-menu 
{ 
display: block; visibility: hidden; 
} 

.open > .dropdown-menu 
{ 
visibility: visible; 
} 

參見:http://jsfiddle.net/bassjobsen/dsasu/1/

取而代之的公開程度,你也可以用中其他位置加載內容,並將其複製到首先點擊下拉。

+0

非常好的修復...謝謝! –