لا يعرض عنصر Fade JQuery Elements عناصر "وضوحا"
-
19-09-2019 - |
سؤال
لدي مجموعة من الصور المصغرة التي أقوم بتحميلها بأسلوب visibility: hidden;
حتى يحافظوا جميعا على تخطيطاتهم الصحيحة. بمجرد تحميل الصفحة بالكامل، لدي وظيفة مسج تتلاشى في. هذا عملت عندما تم تعيين أسلوبهم على display: none;
ولكن من الواضح أن تخطيط ثمل آنذاك. أي اقتراحات؟
هيريس خط Fade:
$('.littleme').fadeIn('slow');
المحلول
أضف بعض المكالمات إلى السلسلة مثل هذا:
$('.littleme').css('visibility','visible').hide().fadeIn('slow');
هذا سيغيره إلى display:none
لمدة 1 إطار قبل يتلاشى، احتلال المنطقة مرة أخرى.
نصائح أخرى
حاول استخدام العتامة و animate()
:
$('.littleme').css('opacity',0).animate({opacity:1}, 1000);
<span style="opacity:0;">I'm Hidden</span>
ليعرض : $('span').fadeTo(1000,1)
لإخفاء : $('span').fadeTo(1000,0)
يتم الحفاظ على المساحة في تخطيط الدوم
غير قادر على استخدام Fadeto (المدة، القيمة) بدلا من ذلك؟ بالتأكيد بهذه الطريقة يمكنك أن تتلاشى إلى 0 و 1، بهذه الطريقة التي لا تؤثر على تدفق المستند ...
حاول مطابقة العنصر الخفي؟
$ (". littleme: مخفي"). Fadein ()؛