في jQuery ، هل prepend (). hide (). fadein () ليست سلسة جدا؟

Question

في jQuery ، هل لن يكون ما يلي سلسًا؟

$('<a href= ... ><img src= ...  /></a>').prependTo($('#someDiv')).hide().fadeIn()

هل سيُظهر في الواقع العنصر المضافة للثانية المقسمة ، ثم إخفائه ، ثم فدين؟

ثم لن تكون الرسوم المتحركة سلسة؟

هل هناك أي طريقة أفضل؟

أو ما يلي؟

$('<a style="display:none" href= ... ><img src= ...  /></a>').prependTo($('#someDiv')).fadeIn()

أو

$('<a href= ... ><img src= ...  /></a>').hide().prependTo($('#someDiv')).fadeIn()

تحديث: كان الأصل

$('#someDiv').prepend('<a href= ><img src  /></a>').hide().fadeIn()

التي قد تخفي في الواقع #someDiv ثم تتلاشى في؟

Answer 1

يمكنك إعادة ترتيبه قليلاً باستخدام .prependTo(), ، مثله:

$('<a href= ... ><img src= ...  /></a>').hide().prependTo('#someDiv').fadeIn();

هذا يتيح لك الاتصال .hide() قبل إضافته ، لذلك لا توجد قطع أثرية بصرية.

Answer 2

الاختباء والتلاشي مثل الركض حول الطاولة :) استخدم الطريقة الثانية وضبط Fadein مع معلمة "بطيئة" ، مثل ذلك:

$('#someDiv').prepend('<a style="display:none" href= ><img src  /></a>').fadeIn("slow");

ويجب أن تكون سلسة حقا :)

Answer 3

ماذا عن تلاشيه أولاً ثم قم بتسديده واعرضه فقط ، على نحو سلس تمامًا؟

$('#someDiv').fadeOut("fast").prepend('<a style="display:none" href= ><img src  /></a>').fadeIn("slow");