Javascript chrome和safari中丢失的Twitter跟随按钮用户名
我对Chrome和Safari中的twitter跟随按钮有一个问题。我在自己的容器中有这5个按钮,这样我就可以淡入其中,与页面上播放的动画相对应。在我添加脚本使其淡入之前,按钮显示得很好。他们应该说Follow@twitterhandle。当我添加fadeIn脚本时,手柄从按钮上移除,它只显示Follow。下面是带有5个按钮的容器:Javascript chrome和safari中丢失的Twitter跟随按钮用户名,javascript,html,twitter,Javascript,Html,Twitter,我对Chrome和Safari中的twitter跟随按钮有一个问题。我在自己的容器中有这5个按钮,这样我就可以淡入其中,与页面上播放的动画相对应。在我添加脚本使其淡入之前,按钮显示得很好。他们应该说Follow@twitterhandle。当我添加fadeIn脚本时,手柄从按钮上移除,它只显示Follow。下面是带有5个按钮的容器: <div id="bioTwitter"> <a href="https://twitter.com/neverwakemusic" cl
<div id="bioTwitter">
<a href="https://twitter.com/neverwakemusic" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @neverwakemusic</a>
<br/>
<a href="https://twitter.com/JohnnyD_NW" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @JohnnyD_NW</a>
<br/>
<a href="https://twitter.com/JB_NeverWake" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @JB_NeverWake</a>
<br/>
<a href="https://twitter.com/Geo_NeverWake" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @Geo_NeverWake</a>
<br/>
<a href="https://twitter.com/MG_NeverWake" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @MG_NeverWake</a>
</div>
下面是直接放在容器下面的淡入脚本:
<script type="text/javascript">
$("#bioTwitter").hide(0).delay(1700).fadeIn(2000);
</script>
$(“#bioTwitter”).hide(0).delay(1700).fadeIn(2000);
即使使用fadeIn脚本,Firefox中的按钮看起来也很正常。我怎样才能使twitter手柄在Chrome和Safari中恢复 你能把一个fiddle/plunkr/codepen放在一起吗?你可以查看我没有包含任何css的plunkr,但问题仍然存在。