jQuery/Out

Ben removeClass bir AddClass function..and Fadeout bir fadeIn efekt uygulamak istiyorsunuz ... jQuery/Out

Bana yardım edebilir fadeIn ile Class ekleme/kaldırma?

$("#loader").fadeIn("slow", function() { 
    $(this).addClass("loader"); 
});

Fade Out:

$('#loader'+idTurno).removeClass('loader');

kaynak

2013-03-31 Swim89

Fade In my kod

$('#loader'+idTurno).addClass('loader');

... olduğunu

$("#loader").fadeOut("slow", function() { 
    $(this).removeClass("loader"); 
});

Başka bir kullanıcı dediği gibi, toggleClass'u kullanarak bakmak isteyebilirsiniz.

kaynak

2013-03-31 16:49:53

. Fark ettiğim şey, bir görüntü stili görüntülemek için "kaybolması" öğesinin: hiçbiri uygulanmadı. Neden böyle oluyor? –

@DimitrisPapageorgiou 'fadeOut()' belgelerini okuyun. Opaklık ayarının 0'a ayarlanmasından sonra, görüntüleme özelliği 'display: none' - http://api.jquery.com/fadeout/ –

@minitexh evet .... 'ne ayarlandığından bahsediyorsunuz. Benim alternatiflerim Neyse, keman buradadır http://jsfiddle.net/fiddlehunt/achgnmcv/ Menüyü –

-8

, kaldırma/addClass yöntemine bir süre ekleyin olmalıdır:

$('#loader'+idTurno).addClass('loader',500); 
$('#loader'+idTurno).removeClass('loader',500);

kaynak

2014-02-28 13:44:03 imfromthepast

Bu cevap açıkça yanlıştır, https://api.jquery.com/addClass/ adresinde görüldüğü gibi '$ .addClass()' veya '$ .removeClass()' yöntemleri için 'duration' özelliği yoktur. – DavidScherer

Yalnızca jquery kullanıyorsak, ifadeniz @DavidScherer. Bununla birlikte, OP jqueryUI kullanırsa, yukarıdaki jqueryUI (bu kadar küçük bir özelliği eklemek için oldukça ağır olsa da) doğru olacaktır ve bir süreliğine bir sınıfı susturabilir. http://api.jqueryui.com/addClass/ –

başka bir yolu da orijinal jQuery kodu kullanarak, bunu sağlamak için CSS yolu:

#loader { 
    transition: opacity 500 ease-in-out; 
}

Daha düzgün animasyon, kolay korumak için.

kaynak

2014-02-28 14:35:26 enguerranws

Basit yap: Yukarıdaki çözüm çalıştı ama ikinci fonksiyon çalışır (fadeout) eleman tamamen disappears.In dosyamın elemanları açılır menü olduğunda (seç) @minitech

$('#loader'+idTurno).addClass('loader').fadeIn(1000); 
$('#loader'+idTurno).removeClass('loader').fadeIn(1000);

kaynak

2016-09-16 11:50:04

Bu, tüm DIV'yi sadece sınıf için değil, fadein veya fadeout yapar. –

#loader { 
    transition: all 0.9s ease-out 0s; 
}

kaynak

2017-09-01 05:40:12 Hilary

cevap

İlgili konular