Я использую приведенный ниже код для обновления постраничного контента для сообщения Wordpress в определенном div (postContent). Он работает отлично, за исключением того, что мне бы хотелось, чтобы URL-адрес обновлялся в зависимости от того, на какой странице контента я нахожусь. Точно так же, как обычно, если вы используете wp_link_pages без этого кода.

Спасибо

jQuery(function($) {
$('#content').on('click', '#pagination a', function(e){
    e.preventDefault();
    var link = $(this).attr('href');
    $('#content').fadeOut(500, function(){
        $(this).load(link + ' #content', function() {
            $(this).fadeIn(500);
        });
    });
  });
});
1
user2109081 2 Янв 2014 в 21:55

1 ответ

Лучший ответ

Вы можете использовать history.js, чтобы управлять этим.

(function(window,undefined){

    // Bind to StateChange Event
    History.Adapter.bind(window,'statechange',function(){ // Note: We are using statechange instead of popstate
        var State = History.getState(); // Note: We are using History.getState() instead of event.state
    });

    // Change our States
    History.pushState({state:1}, "State 1", "?state=1"); // logs {state:1}, "State 1", "?state=1"
    History.pushState({state:2}, "State 2", "?state=2"); // logs {state:2}, "State 2", "?state=2"
    History.replaceState({state:3}, "State 3", "?state=3"); // logs {state:3}, "State 3", "?state=3"
    History.pushState(null, null, "?state=4"); // logs {}, '', "?state=4"
    History.back(); // logs {state:3}, "State 3", "?state=3"
    History.back(); // logs {state:1}, "State 1", "?state=1"
    History.back(); // logs {}, "Home Page", "?"
    History.go(2); // logs {state:3}, "State 3", "?state=3"

})(window);

Посетите их github для получения дополнительной информации.

history.js

0
Jorge Faianca 2 Янв 2014 в 22:02