如何在Twitter Bootstrap下拉列表中列出两个Linkedin Follow Buttons

我一直在搞这个…… http://jsfiddle.net/ravenna/GFydL/7/

 Dropdown trigger 
 
Test
 
  
 
  

我所拥有的是多个下拉列表，每个下拉列表代表一个用户配置文件。 如果用户在我们的档案中有一个Linkedin Profile，那么他们的下拉列表会显示一个关注按钮。

所有浏览器都显示第一个，而chrome显示第二个就好了。 FF和IE仅显示第二个和更多的图标的条子。 任何想法如何在Follow按钮中看到任意数量的链接？

Answer 1

首先，我发现按钮有时会加载缓慢，因此您可以在按钮加载之前打开下拉列表。

我无法在IE上测试。 我找到了firefox的解决方案。 linkedin api（js）在跨度（或类似）的跨度中的iframe中加载iframe中的div。 我发现按钮iframe加载但宽度只有2px。 2 px宽度似乎是由display:none引起的display:none ul.dropdown-menu 。 我的解决方案用可见性替换显示器，以便div获得空间：

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

请参阅： http ： //jsfiddle.net/bassjobsen/dsasu/1/

除了可见性之外，您还可以将内容加载到其他位置并将其复制到第一次单击时的下拉列表中。