Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript chrome和safari中丢失的Twitter跟随按钮用户名_Javascript_Html_Twitter - Fatal编程技术网

Javascript chrome和safari中丢失的Twitter跟随按钮用户名

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

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

$(“#bioTwitter”).hide(0).delay(1700).fadeIn(2000);

即使使用fadeIn脚本,Firefox中的按钮看起来也很正常。我怎样才能使twitter手柄在Chrome和Safari中恢复

你能把一个fiddle/plunkr/codepen放在一起吗?你可以查看我没有包含任何css的plunkr,但问题仍然存在。