TwitterTimeline小部件随着JQuery“；隐藏/显示&x201D； 啁啾 !函数（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）；}（文档，“脚本”，“twitter wjs”）；

我的网站可以在这里找到：

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

当页面直接打开到“关于”页面时，Twitter“最近的tweets”小部件将加载，但一旦隐藏并重新显示，小部件将拒绝加载。我能做些什么来解决这个问题

更多信息：

---

• 它似乎与jQuery UI幻灯片功能的使用有关。它可以与标准jQuery hide（）和show（）配合使用。请参阅下面的jsfiddle。首先尝试“隐藏”和“显示”，然后尝试“使用jQuery UI隐藏幻灯片”和“使用jQuery UI显示幻灯片”

  ---

  也想知道！

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

  $('#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();
  });