2013-11-22 3 views
0

Я пытаюсь выдвинуть div, и после того, как вы закончите, исчезните в содержании с запросом .load.Сочетание анимации и загрузки с помощью jQuery

Я не уверен, почему это неправильно, но это останавливает одушевленные и загрузить полностью:

$('.films').click(function(){ 
    $('.content-home').animate({left: "+=150%"}, "slow", function(){ 
     $(".wrapper").load("films.php", function(){ 
       $(this).fadeIn(); 
     }); 
    }); 
}); 

Однако, возвращаясь к этому коду, он по-прежнему загружает контент без анимации или исчезать:

$('.films').click(function(){ 
    $('.content-home').animate({left: "+=150%"}, "slow"); 
     $(".wrapper").load("films.php"); 
}); 

Кто-нибудь знает, почему первый пример не выполняется по запросу?

+1

ли выходной консоли что-нибудь? –

+0

Нет ошибок, просто предупреждение: 'event.returnValue устарел. Используйте стандартный event.preventDefault() ' –

+0

Ваш код работает. Проверьте это http://jsfiddle.net/aamir/K69xq/ –

ответ

0

Используйте это для одушевленных()

$('content-home').animate({ opacity: 0.25, left: "+=50",height: "toggle"}, 
         5000, 
         "slow", 
         function() { 
         // your remaining code 
         }); 
Смежные вопросы