Добавление поддержки истории в простую навигацию jQuery AJAX - PullRequest
Новая
       2

Добавление поддержки истории в простую навигацию jQuery AJAX

2 голосов
/ 13 июля 2011

Я пытаюсь добавить поддержку истории в мою навигацию jQuery AJAX, но так как я не очень хорошо знаю jQuery, я не могу понять, как это сделать. Следующий скрипт заменяет a в текущем документе на a из другого документа, тем самым изменяя содержимое страницы. Как я могу улучшить скрипт для поддержки истории браузера и закладок? Спасибо. 

$(document).ready(function(){
//References  
var loading = $("#loading");  
var container = $("#container");  
var link;  

//Manage click events  
$("a.ajax-links").click(function(e){  
    //prevent default action  
    e.preventDefault();  

    //show the loading bar  
    showLoading();   

    //define the target and get content then load it to container  
    link = $(this).attr("href") + " #content";  
    container.load(link, hideLoading);
});  

//show loading bar  
function showLoading(){  
    loading  
    .css({visibility:"visible"})  
    .css({opacity:"1"})  
    .css({display:"block"})  
    ;  
}  
//hide loading bar  
function hideLoading(){  
    loading.fadeTo(1000, 0);  
};

});

1 Ответ

4 голосов
/ 16 июля 2011

Попробуйте History.js с ajaxify - он будет использовать HTML5 History API, поэтому он изменяет URL-адреса напрямую, а не с использованием хэшей прочитайте, почему хэши не используютсяНе идеальны здесь , и суть будет обрабатывать ваши ссылки и AJAX для вас.

...