javascript - 页面加载时推特框的 jQuery CSS 高度

Question

我知道这听起来有多愚蠢......

我正在尝试调整 iframe 的大小。这是我拥有的:

function doTwitterHeight(screenwidth)
{
    if(!screenwidth){
        var screenwidth = window.innerWidth;
        console.log('screenwidth is now defined as: ' + screenwidth);
    }
    if(screenwidth >= 981){
        $('#twitter-widget-0').css('height',466);
    }
    else if(screenwidth <= 980 && screenwidth >= 952){
        $('#twitter-widget-0').css('height',614);
    }
    else if(screenwidth <= 951 && screenwidth >= 877){
        $('#twitter-widget-0').css('height',632);
    }
    //etc.
    else{
        $('#twitter-widget-0').css('height',468);
    }
}

该函数在调用调整大小时起作用，如下所示:

$(window).on('resize', function(){
    doTwitterHeight();
});

但我还需要在首次加载页面时调用该函数并重新调整该 div 的高度。我试过:

 $(window).on('load', function() {      
    doTwitterHeight();
 });

和:

 $(document).ready(function(){
    doTwitterHeight();
 });

和:

$(doTwitterHeight());

我对他们中的任何一个都没有运气。

提前致谢:)

Answer 1

因此解决方案是修改 Twitter 为 iframe 嵌入提供的代码。通过使用在以下位置找到的建议:Twitter Embedded Timeline Callback

我现在已经通过替换解决了这个问题:

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

与:

<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";js.setAttribute('onload', "twttr.events.bind('rendered',function(e) {doTwitterHeight()});");fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

即通过添加:

js.setAttribute('onload', "twttr.events.bind('rendered',function(e) {doTwitterHeight()});");