使用Javascript更改Twitter小部件高度？

Question

我正在尝试在某些断点处更改twitter小部件（feed嵌入）高度的高度，以符合我的网站的响应性。这就是我所拥有的：

$(document).ready(function() {
    function twitterResize() {
        if($('#twitter-widget-0').length()) {
            $('#twitter-widget-0').each(function() {
                if(jQuery(window).width() < 768) {
                    $(this).height(400);
                }
                if(jQuery(window).width() >= 768 && jQuery(window).width() < 1200) {
                    $(this).height(497);
                }
                if(jQuery(window).width() >= 1200) {
                    $(this).height(516);
                }
            });
        }
    };
    twitterResize();
    $(window).resize(twitterResize);
});

这可以防止小部件加载。我也尝试将height="" HTML属性更改为通过JS，但这也阻止了它的加载。我需要这么快，所以我不想诉诸API，因为这可能需要一段时间。

我很感激，如果有人有解决方案，因为我完全卡住了。如果您需要更多信息，请告诉我。提前谢谢，

奥利。

编辑：我应该说，我也希望这在用户更改浏览器宽度时生效，而不是仅仅在页面加载时生效。