的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(); 
});