2014-11-24 93 views
0

采取正常的跟踪按钮,用户名来自https://about.twitter.com/resources/buttons#followTwitter遵循按钮不会显示用户名时,在下拉

把它正常引导下拉列表里面像这样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上显示。

+1

你使用什么浏览器?在firefox 33上,下拉菜单中的按钮与下面的按钮相同(在你的小提琴中)。 – artm 2014-11-24 11:59:03

+0

我编辑了这个问题来提供更多的细节,谢谢指出。 – 2014-11-24 12:46:55

+0

如果答案不明显,我会尝试检查firefox开发人员工具中的html,并检查应用的css规则等,并在chrome上做同样的事情,看看html/css是不同的,没有应用,没有影响或缺失,等等。然后,问题变成“为什么chrome忽略填充规则”,例如,为了让你更接近。 – artm 2014-11-24 12:57:54

回答

0

我在某处找到了答案,如果在不可见的情况下绘制该按钮,该按钮将无法正确呈现。我必须更改我的代码,以便在用户打开下拉菜单后才能绘制该按钮。