Javascript 推特关注按钮赢得’；在下拉列表中不显示用户名

从中获取一个带有用户名的普通跟随按钮

像这样把它放在正常的引导下拉列表中，它将在没有用户名的情况下呈现

              <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>

下拉列表




!函数（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'）；






!函数（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'）；

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

编辑

---

我在OSX上使用最新的Chrome（38.0）。这个问题在最新的Firefox上没有表现出来

我在某处找到了答案，如果按钮在不可见的情况下绘制，则无法正确渲染。我必须更改代码，以便只有在用户打开下拉列表后才能绘制按钮

你用的是什么浏览器？在firefox 33上，下拉列表中的按钮与下面的按钮相同（在你的小提琴中）。我编辑了这个问题以提供更多细节，感谢你指出这一点。如果答案不明显，我会尝试检查firefox开发者工具中的html，检查应用的css规则等，并在chrome上做同样的检查，看看html/css有什么不同，没有应用，没有效果或缺失等。然后问题变成“chrome为什么忽略填充规则”例如，按钮的内容由Twitter的JavaScript呈现，@username根本不存在，这不是CSS或HTML的问题。据我所知。¯_(ツ)_/¯