如何使用JQuery定义Twitter推文的宽度

时间:2014-11-16 00:34:08

标签: javascript jquery twitter

我制作了一个脚本,让我通过他们的网址嵌入Twitter推文,但我有一个问题,就是我无法为推文定义自定义宽度。

这是HTML代码:

<span id="tweet-link">https://twitter.com/robdelaney/status/329651129988288514</span>

这是JQuery代码:

$(document).ready(function(){
    var url = $("#tweet-link").html();
    $.ajax({
        url: "https://api.twitter.com/1/statuses/oembed.json?url="+url,
        dataType: "jsonp",
        success: function(data){
            $('#tweet-link').html(data.html);
        }
    });
})

我尝试通过此代码更改宽度,但它对我没用。

data.width = 800;

2 个答案:

答案 0 :(得分:0)

您正在尝试将宽度设置在错误的位置。你想做更像这样的事情:

$('#tweet-link').css('width', 800);

答案 1 :(得分:0)

先生。 Matios,请问您是否指的是呈现的推文的宽度本身?如果是这样,那么也许Twitter网站上的API文档可以进一步使用;特别是“maxwidth”属性,可以添加到你的ajax调用

Twitter的API:https://dev.twitter.com/rest/reference/get/statuses/oembed

maxwidth definition:

“呈现的Tweet的最大宽度,以整像素为单​​位。此值必须介于220和550之间。允许范围之下或之上的提供值将分别作为最小或最大支持宽度返回;重置宽度值将反映在返回的宽度属性中。“