2013-08-02 59 views
0

我正在使用jQuery和Bootstrap聊天系統如何使用prepend hide fadeIn

我想同時顯示三條消息。

我想告訴msg1msg2通常然後讓msg3褪色:

$('#chat-history').prepend(msg1) 
$('#chat-history').prepend(msg2) 
$('#chat-history').prepend(msg3).hide().fadeIn(500); 

但它使得每個消息褪色

我要讓只在最後一個消息褪色

我該怎麼做?

+0

msg1,msg2,msg3是文本字符串還是DOM元素或jQuery對象? – sabithpocker

回答

3
$('#chat-history').prepend(msg1, msg2, msg3); 

$(msg3).hide().fadeIn(500); // if msg3 is already a jQuery object, you can omit the $() wrapping function 
+1

+1擊敗我。澄清:'.prepend'返回'$ this',它是'$('#chat-history')'元素。嘗試移除效果並將它們放在「msg3」上。 – Travesty3

+0

它可以完美按照我的要求。謝謝。我也明白了原因。 – whitebear