0

我需要一些非常聪明的 jquery 技能，因为我不知道如何做到这一点。

我已经制作了这个jsFiddle以寻求帮助http://jsfiddle.net/motocomdigital/L5uh4/

截屏


发生了什么...

我在云海中使用这个 jquery 推文插件。

简而言之，下面是我的函数，它只显示一条推文。但来自一系列推特用户。我在下面的函数中添加了注释，所以你知道发生了什么......

$("#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

就是这样……大约 13 小时前由@username 发布的推文

我的问题是我无法让当前的推文用户名出现在“@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>


提前非常感谢。这将是一个救生员。

乔什

4

1 回答 1

1

给你->

工作的jsFiddle

代码->

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

$("#tweet span.tweet_time").prepend("tweeted by "+ username+" ");
于 2012-07-12T14:48:09.473 回答