2013-11-17 4 views
0

Я использую приложение rails, в котором я пытаюсь открыть новую страницу, вся статическая страница, https://www.mazzey.com/ - это ссылка, если вы нажмете на кнопки заголовка, откроется новая страница с постепенным исчезновением и уменьшением эффекта с верхним и нижним колонтитулом без обновления в Mozilla Firefox, но в Google Chrome заголовок также обновляется. Я также обнаружил, что этот заголовок и нижний колонтитул обновляется и в Firefox, но это не похоже на Google Chrome. Могу ли я использовать Ajax или любой плагин для этого, чтобы избежать обновления верхнего и нижнего колонтитулов?Как открыть новую страницу без обновления

ответ

0
$(function(){ 
    var newHash  = '', 
     $mainContent = $("#main-content"); 
    $(".nav").delegate("a","click",function(){ 
     window.location.hash = $(this).attr("href"); 
     return false; 
    }); 
    $(window).bind('hashchange',function(){ 
     newHash = window.location.hash.substring(1); 
     if(newHash){ 
      $mainContent.find("#guts").fadeOut('slow',function(){ 
       $mainContent.hide().load(newHash + " #guts",function(){ 
        $mainContent.fadeIn('slow'); 
       }); 
      }); 
     } 

    }); 
    $(window).trigger("hashchange"); 
}); 

Это то, что я использую с ба-hashchange плагин

для получения дополнительной информации посетите эту css-tricks.com/video-screencasts/85-best-practices-dynamic-content/

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