Question

我在使用未显示的Twitter iframe时遇到问题，代码已经从其他网站复制，而该网站几乎完全相同的标记。

我已经检查了Litmus，所有浏览器都存在问题。

我正在尝试使其正常运行的页面是here，其中twitter Feed应显示在登录表单的右侧。

它正在使用的页面是here

作为参考，iframe位于页面源的第244行。

#twitter {
    padding: 0px;
    width: 400px;
    height: 100%;
    float: right;
    margin: 25px;
    display: inline-block;

<div id="twitter">
    <iframe id="twitter-widget-0" 
        scrolling="no"
        frameborder="0"
        allowtransparency="true"
        class="twitter-timeline twitter-timeline-rendered"
        allowfullscreen=""
        style="border: none;
        max-width: 100%;
        min-width: 180px;
        margin: 0px;
        padding: 0px;
        display: inline-block;
        position: static;
        visibility: visible;
        width: 400px;"
        title="Twitter Timeline"
        height="500">
    </iframe>

    <script id="twitter-wjs"
        src="https://platform.twitter.com/widgets.js"></script>
    <script>
    <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>
</div>

页面之间的一些变化是由于我无法控制的因素，所有内容都包含在表格中。这是我真正想到的页面结构之间的唯一区别，尽管我认为这不会影响iframe。

提前感谢您的帮助。

Answer 1

为什么不尝试这个？

<div id="twitter">
        <a class="twitter-timeline"
    data-dnt="true"
    href="https://twitter.com/etouches"
    data-widget-id="570513672875671552">
    Tweets by @etouches
</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>
    </div>

复制到新站点时，不显示iframe

1 个答案: