0

我已经搞砸了一段时间...... http://jsfiddle.net/ravenna/GFydL/7/

<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 个人资料，那么他们的下拉菜单中会显示一个关注按钮。

所有浏览器都显示第一个，chrome 显示第二个就好了。FF 和 IE 只显示第 2 次及更多图标的一小部分。知道如何在关注按钮中查看任意数量的链接吗？

4

1 回答 1

2

首先，我发现按钮有时加载速度很慢，因此您可以在按钮加载之前打开下拉菜单。

我无法在 IE 上进行测试。我找到了Firefox的解决方案。linkedin api（js）在跨度（或类似的东西）中的跨度中的跨度中的跨度中的iframe中的iframe中加载div。我发现按钮 iframe 加载但宽度仅为 2px。2 px 宽度似乎是display:none由ul.dropdown-menu. 我的解决方案用可见性替换显示，因此 div 有空间：

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

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

见：http: //jsfiddle.net/bassjobsen/dsasu/1/

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

于 2013-06-11T19:29:12.757 回答