2010-11-03 20 views
8

Bunun çok basit şeylerle karşılaşacağını düşünüyorum ama jQuery'nin harika dünyasında yepyeni oluyorum.Jquery replaceWith - fadeout/Fadein

İşte benim basit çalışma kodunu değiştirmek:

<div>yes yes </div> 
<script>$('div').replaceWith('<span>no no</span>');</script> 

Ne elde etmek çalışıyorum "evet evet" div sonra yeni "hayır hayır" süre içinde solmaya dışarı solmaya olduğunu

Herhangi bir fikir adamlar ?

cevap

15
$('div').fadeOut(1000,function(){ $(this).text('no no').fadeIn(1000); }); 

kullanım geri arama işlevselliği fadeOut ben fadeto ile DoXicK en öneri sadece biraz daha alırdım

+0

Vay canına! , html'yi .text ('no no') içinde kullanamaz mıyım? – Webby

+0

değiştirmelisiniz .text ('no no'); .html ('no no'); ve içine html koy. .txt ve .html'nin bulunduğu yerler. – DoXicK

+0

Sorunu anlamıyorum, ancak html'yi kullanmak istiyorsanız, metin:() yerine: .html (' no') kullanın. – ifaour

1
$('div').fadeTo(1000, 0, function(){ $(this).html('<span>no no</span>').fadeTo(1000, 1); }); 

sağlar. Ayrıca tartıştığınız .html işlevini de ekledim. FadeTo'yu tercih ederim çünkü size biraz esneklik sağlar ve eğer stop() işlevi oyunda biterse istenmeyen davranışlardan kaçınır. Bahsettiğinize göre, hoşunuza giden herhangi bir yüzeye düşebilirsiniz.