2011-05-20 70 views
2

我需要找到一個jQuery-UI小部件/控件來做類似於Twitter UI的更新。我的意思是,當Twit進來時,它取代了列表中的操作,在瀏覽器UI中向下推動其他人。有誰知道這樣的小部件或失敗,如何在Javascript中做到這一點?jQuery-UI小部件/控件做Twitter更新的UI?

謝謝

回答

2

它在jQuery的簡單...

HTML

<div id="tweets"> 
    <div>Tweet 1</div> 
    <div>Tweet 2</div> 
</div> 

的JavaScript

$(function() { 
    //Get new tweet however 
    var newtweet = "New Tweet" 

    $("<div>"+newtweet+"</div>").prependTo("#tweets").hide().slideDown(200); 
}); 
2

確切的功能是真的取決於你。沒有什麼理由使用任何類型的插件,因爲做基本設置非常簡單。

function addItem(title, text) 
{ 
    var pHTML = ['<div class="container">', 
        '<div class="title">', 
         title, 
        '</div><div class="description">', 
         text, 
        '</div></div>'].join(''); 
    // You'd do any animates here. 
    // You could also drop the bottom item in the list here, if so desired. 
    $('#box-wrapper').prepend(pHTML); 
}