v2.5.2
Giriş yap

Jquery animate

webman
551 defa görüntülendi

Bir kontrol formum var. ajax ile kontrol yaptırıyorum. Veritabanında varsa onay veriyor ve formun kayarak ikinci form aşamasına geçmesi gerekiyor.

Div'i animate ile kaydırıp sonraki aşamaya geçeceğim ama jquery animate işlemi gerçekleşmiyor.

Aşağıdaki şekilde yazıyorum ama olmuyor.

Kodun öncesini yazmadım. Bu kod ajax success response'a yazıyorum. console.log dan kontrol ettiriyorum. başarılı geliyor. Ama aşağıdaki kod çalışmıyor.

$("#formOne").animate({transform: 'translateX(100%)'}, 1000);
Cevap yaz
Cevaplar (3)
webman
1139 gün önce

Hocam, ajax başarılı dönen fonksiyonda aşağıdaki olay ile sonuca ulaştım. Birinci form başarılı ise hide ile birinci formu kaybedip ikinci formu getirdim. Bu şekilde istediğim sonuca ulaştım. translateX kullanarak istediğim sonuca ulaşamayacağımı anladım çünkü bununla sanırım kaydırıyoruz. Benim istediğim kayarak kaybolması idi :)

if (result === 'success'){
                $("#reserFirstForm").hide("slow", function () {
                    $('#reserSecondForm').show("slow")
                });
            }
tayfunerbilen
1140 gün önce

neye göre translateX kullandınız? formu bu şekilde kaydırıp kaydırmadığınız önemli çünkü, ona göre mi yapı kurdunuz translate kullandınız yoksa öylesine deniyor musunuz?

qplot
1140 gün önce

kodu css ıle yaz emın ol calıstıgından sonrasında addclass olarak ekle daha mantıklı