0

これを行う方法がわからないので、非常に賢いjqueryスキルが必要です。

私は助けのためにこのjsFiddleを作りましたhttp://jsfiddle.net/motocomdigital/L5uh4/

スクリーンショット


何が起こっていますか...

私はこの jquery ツイート プラグイン by sea of​​ cloudsを使用しています。

一言で言えば、以下はツイートを1つだけ表示する私の関数です。しかし、ツイッターユーザーの配列から。以下の関数にメモを入れたので、何が起こっているのかがわかります...

$("#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}ません。span.tweet_time

@usernameさんが約 13 時間前にツイートしました

私の問題は、「@username」が表示される場所に現在のツイートのユーザー名を表示できないことです


私の質問

アバターリンクから現在のツイートのユーザー名を取得し、@username が下に表示される場所に (Twitter ユーザーのハイパーリンクとして) ユーザー名を追加する方法を理解できる人はいますか...

$("#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 に答える