jQuery Replacewith - Fadeout / Fadein

Question

أعتقد أن هذا سيواجه أشياء أساسية للغاية لكنني جديد في عالم JQuery الرائع.

هيريس بلدي العمل البسيط استبدال رمز:

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

ما أحاول تحقيقه هو التلاشي من "نعم نعم" Div ثم تتلاشى في المدى الجديد "لا"

أي أفكار يا رفاق؟

Answer 1

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

استخدم وظيفة رد الاتصال التي توفرها Fadeout

Answer 2

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

كنت آخذ دوكسيك اقتراح أبعد قليلاً مع Fadeto. أنا أيضا دمج وظيفة .html التي كنت تناقشها. أفضل Fadeto لأنه يمنحك القليل من المرونة ويتجنب بعض السلوك غير المرغوب فيه إذا انتهت وظيفة STOP () في اللعب. ناهيك عن أنه يمكنك التلاشي إلى أي نسبة تريدها.