我对Chrome和Safari中的Twitter关注按钮存在问题。我在他们自己的容器中有这5个按钮,这样我就可以淡入它们以对应在页面上播放的动画。在我添加脚本以淡入它们之前,按钮显示正常。他们应该说像Follow @twitterhandle。当我添加fadeIn脚本时,句柄将从按钮中删除,它只显示Follow。下面是带有5个按钮的容器:
<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>
即使使用fadeIn脚本,这些按钮在Firefox中看起来也很正常。如何在Chrome和Safari中恢复Twitter句柄?