的Twitter时间线窗口小部件消失使用jQuery“隐藏/显示”

Question

 <div class="col-md-4"> 
      <h2>Twitter</h2> 
       <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/Ollie_ODonnell" data-widget-id="557643946772664322">Tweets by @Ollie_ODonnell</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> 
      <br><br><br> 
     </div> 

我的网站可以在这里找到：ollie-odonnell.com

在我的网站，我有一点点的JavaScript/JQuery的功能，允许用户在页面之间“滑动” 。这意味着它使用JQuery Hide和JQuery Show。

当页面直接打开到“about”页面时，Twitter“最近的推文”窗口小部件将加载，但只要它被隐藏并重新显示，小部件将拒绝加载。我能做些什么来解决这个问题？

更多信息：

• https://dev.twitter.com/web/embedded-timelines < - 我按照说明在这里，并重新复制并粘贴代码段多次（你可以看到它上面）。

Answer 1

它似乎与jQuery UI滑动功能的使用有关。它与标准的jQuery hide（）和show（）一起工作正常。看到下面的jsfiddle。首先尝试“隐藏”和“显示”，然后尝试“隐藏使用jQuery UI幻灯片”和“使用jQuery UI幻灯片显示”。

http://jsfiddle.net/ossuf5ov/4/

$('#showjQueryUI').click(function(){ 
    $('#twitter').show("slide",{direction: 'right'},400); 
}); 

$('#hidejQueryUI').click(function(){ 
    $('#twitter').hide("slide",{direction: 'left'},400); 
}); 


$('#show').click(function(){ 
    $('#twitter').show(); 
}); 

$('#hide').click(function(){ 
    $('#twitter').hide(); 
});