1

我只对 Chrome 和 Safari 中的 twitter 关注按钮有疑问。我在它们自己的容器中有这 5 个按钮，这样我就可以将它们淡入以与页面上播放的动画相对应。在我添加脚本以淡入它们之前，这些按钮显示得很好。他们应该说像 Follow @twitterhandle 这样的东西。当我添加淡入淡出脚本时，手柄从按钮中删除，它只显示跟随。下面是带有 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 中看起来也很正常。如何让 twitter 句柄在 Chrome 和 Safari 中恢复？

4

0 回答 0