jQuery tweet插件 - 推文格式调整,时间戳和用户

时间:2012-07-12 14:45:12

标签: jquery

我需要一些非常聪明的jquery技能,因为我无法弄清楚如何做到这一点。

我已将此jsFiddle作为帮助http://jsfiddle.net/motocomdigital/L5uh4/

screenshot


发生了什么......

我正在sea of clouds使用这个jquery tweet插件。

简而言之,下面是我的功能,只显示一个推文。但是来自一系列推特用户。我在下面的函数中添加了注释,以便您知道发生了什么......

$("#tweet").tweet({
    username: ["seaofclouds", "laughingsquid"],  // array of users
    count: 1,                                    // number of tweets
    loading_text: "loading tweet...",            // loading text
    template: "{avatar}{text}{time}",            // tweet format, in order it appears
    avatar_size: 32                              // avatar size

}).bind("loaded", function(){                    // stuff when loaded

    $("#tweet span.tweet_text").widowFix();

    $("#tweet span.tweet_time").prepend("tweeted by @username "); 

});


我的问题

如您所见,我已使用template: "{avatar}{text}{time}"

添加了时间戳,以显示在推文的末尾

但是在这个插件中{user}没有选项 - 所以你可以看到我已经将这个文本'由@username 推文'添加到我的span.tweet_time

这是读取... 由@username推文约13小时前

我的问题是我无法将当前的推文用户名显示在“@username”出现的位置


我的问题

有人可以弄清楚如何从头像链接获取当前的推文用户名,并将用户名(作为推特用户超链接)添加到@username下面的位置......

$("#tweet span.tweet_time").prepend("tweeted by @username"); 

所以最终输出的代码看起来像这样......

<a href="http://twitter.com/LaughingSquid" title="View @LaughingSquid on twitter" target="_blank">@LaughingSquid</a>


请参阅下面输出的头像html,您可以在URL末尾看到带有用户名的twitter链接。我希望有人可以使用jquery来提取该用户名吗?

<a class="tweet_avatar" href="http://twitter.com/LaughingSquid">
     <img src="http://a0.twimg.com/profile_images/340068086/laughing_squid_logo_normal.jpg" height="32" width="32" alt="LaughingSquid's avatar" title="LaughingSquid's avatar" border="0">
</a>


非常感谢此事。这将是一个救生员。

约什

1 个答案:

答案 0 :(得分:1)

你去 - &gt;

working jsFiddle

代码 - &gt;

var username = $('.tweet_avatar img').attr('title');
username = username.split("'");
username = username[0];

$("#tweet span.tweet_time").prepend("tweeted by "+ username+" ");