推特关注按钮在下拉列表中不会显示用户名

Twitter Follow button won’t show username when in dropdown

本文关键字：显示 用户 下拉列表 按钮      更新时间：2023-09-26

使用来自 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）。该问题在最新的火狐浏览器上没有出现。

我在某处找到了答案，如果在不可见的情况下绘制按钮，该按钮将无法正确呈现。我不得不更改我的代码，以便仅在用户打开下拉列表后绘制按钮。

相关文章：