Question

使用来自https://about.twitter.com/resources/buttons#follow

的用户名的常规关注按钮

将它放在正常的引导程序下拉列表中，如http://jsfiddle.net/dJDHd/417/所示，它将在没有用户名的情况下呈现。

              <div class="btn-group">
                 <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                   <span data-bind="label">Dropdown</span>&nbsp;<span class="caret"></span>
                 </button>
                 <ul class="dropdown-menu" role="menu">
                   <li><a href="#">Item 1</a></li>
                   <li><a href="#">Another item</a></li>
                   <li>
                       <a href="https://twitter.com/wikibudgets" class="twitter-follow-button" data-show-count="false">Follow @wikibudgets</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
                     </li>
                 </ul>
               </div>

<br>
<br>


<a href="https://twitter.com/wikibudgets" class="twitter-follow-button" data-show-count="false">Follow @wikibudgets</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

在下拉列表下方显示相同的按钮，以显示它在下拉列表之外正常工作。

修改我在OSX上使用最新的Chrome（38.0）。该问题并未在最新的Firefox上出现。

Answer 1

我在某个地方找到了答案，如果在不可见时绘制按钮将无法正确渲染。我不得不更改我的代码，以便只有在用户打开下拉列表后才会绘制按钮。

下拉菜单时，Twitter关注按钮不会显示用户名

1 个答案: