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功能，允许用户滑动＆＃34;页面之间。这意味着它使用JQuery Hide和JQuery Show。

当页面直接打开＆＃34; about＆＃34;页面，Twitter＆＃34;最近的推文＆＃34;窗口小部件加载，但一旦隐藏并重新显示，窗口小部件就会拒绝加载。我该怎么做才能解决这个问题？

更多信息：

https://dev.twitter.com/web/embedded-timelines＆lt; - 我按照此处的说明操作，并多次重复复制并粘贴代码段（您可以在上面看到）。

Answer 1

它似乎与使用jQuery UI幻灯片功能有关。它与标准的jQuery hide（）和show（）一起工作正常。请参阅以下jsfiddle。试试＆＃34;隐藏＆＃34;和＆＃34;显示＆＃34;首先尝试使用jQuery UI Slide＆＃34;隐藏＃34;和＆＃34;使用jQuery UI Slide＆＃34;显示。

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

推特时间线小工具消失与JQuery“隐藏/显示”

1 个答案: