How can I list two Linkedin Follow buttons in Twitter Bootstrap dropdown

Question

I messed around with this for a while ... 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> 

I have several dropdown lists, each of which represents a user profile. If the user has a Linkedin profile in the file with us, then the Next button is displayed for their drop-down list.

All browsers show the first, and chrome the second. FF and IE show only the icon slider for the second or more. any idea how to see any number of related Follow buttons?

Answer 1

At first, I found that buttons sometimes load slowly, so you can open a drop-down list before loading your buttons.

I could not check IE. I found a solution for firefox. The linked api (js) loads the div in the iframe in the iframe in the span in the span (or something like this). I found the loading of the iframes buttons, but got a width of only 2 pixels. A width of 2 px seems to be caused by display:none ul.dropdown-menu . My solution replaces the display with visibility, so the div gets space:

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

See: http://jsfiddle.net/bassjobsen/dsasu/1/

Instead of being visible, you can also load content elsewhere with a space and copy it to the drop-down list the first time you click.