Jquery animate
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);
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
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")
});
}
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?