2012-07-12 90 views
0

我需要某人非常非常聰明的jQuery技能,因爲我無法想出如何做到這一點。jQuery tweet插件 - 推文格式調整,時間戳和用戶

我有此jsFiddle求助http://jsfiddle.net/motocomdigital/L5uh4/

screenshot


發生了什麼...

我使用這個jQuery插件鳴叫通過sea of clouds

簡而言之,下面是我的功能,它只顯示一個鳴叫。但是來自一系列Twitter用戶。我已經把筆記我下面的功能,讓你知道是怎麼回事......

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

我的問題是,我不能讓當前的鳴叫用戶名出現在 '@用戶名' 出現


我的問題

有人能弄清楚如何獲得從化身鏈接當前的鳴叫用戶名,並添加用戶名(如Twitter用戶超鏈接)到@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,你可以在網址的結尾看到用戶名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

在這裏你去 - >

working jsFiddle

代碼 - >

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

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

這是完全真棒感謝,就這麼簡單。我可以從中瞭解如何創建鏈接......但可以幫助我從用戶名的末尾刪除**的**。謝謝! – Joshc 2012-07-12 14:50:41

+0

忽略最後的評論。非常感謝,這真是太棒了! – Joshc 2012-07-12 14:52:42

+0

從你的方法,這是我完成的代碼,使其成爲一個鏈接以及[http://jsfiddle.net/motocomdigital/L5uh4/6/](http://jsfiddle.net/motocomdigital/L5uh4/6/) - 不夠感謝你! – Joshc 2012-07-12 15:02:25