JQuery перенаправлять с анимацией

я сделать мобильную версию сайта, у меня есть две страницы «page1.html» и «page2.html» Я сделал ПеренаправлениеJQuery перенаправлять с анимацией

window.location.href = "/page2.html";

Я хочу сделать анимацию, страницы 2 медленно появляется из верхней части страницы, могу ли я сделать это?

источник

2014-12-04 AiD

Похоже на то, что запрос AJAX для страницы2.html загружается в div за кадром, а затем обновляет его. Если вы перейдете с помощью 'window.location', вы не получите этого. – philtune

У меня схожу на моем веб-сайте - http://andrewdunai.com, попробуйте навигацию там. Он использует мой плагин SlideJS: https://bitbucket.org/AndrewDunai/slidejs/wiki/Home, вы можете попробовать его изучить и написать аналогичный. –

Вы можете перенаправить URL-адрес и показать страницу на document.ready с анимацией –

Если вам не нужно, чтобы URL-адрес в адресной строке начинался с jQuery Mobile, который обеспечивает плавные переходы между страницами или выполняет запрос AJAX и загружает его в f.ex. тег тег.

$.ajax({ 
      type: "POST", 
      url: page2.html, 
      success: function(data) 
      { 
      $('body').fadeOut(1000, function(){ 
      $('body') 
       .empty() 
       .html(data) 
       .fadeIn(1000); 
      }) 
     } 
    });

Если URL важно перехватывать все клики ссылки и до изменения страницы сделать FADEOUT тела, то в любой другой странице сделать тело невидимым и постепенно исчезать в загрузке страницы - это следует сделать трюк с таким же визуальным эффектом.

источник

2014-12-04 18:01:38

JQuery перенаправлять с анимацией

ответ

Смежные вопросы