Question

我正在使用ajax将新帖子页面加载到我网站的内容部分，并使用pushstate每次编辑网址。我正在寻找一种在浏览器上点击前进和后退按钮时移动的方法。

我的想法是创建一个post id的数组，每次我前进时都会在列表中添加一个

$(document).on("click", ".title[data-ajax='post']", function() {
    $post_id = $(this).data("id");
    $post_type = $(this).data("type");
    $post_url = $(this).data("url");
    var historyData = $(".wrapper").attr("data-history");
    if (!historyData){
        historyData = [];
    }
    else{
        historyData = JSON.parse(historyData);
    }
    historyData.push({
      id: $post_id,
      type: $post_type,
      url: $post_url
    });
    var data = {
        action : 'new_ajax_'+ $post_type +'_template',
        post_id : $post_id
    };
    $("#main").empty().hide();
    $.ajax({
        url : ajax_object.ajax_url,
        type : 'post',
        data : data,
        success: function(html) {
            $("#main").append(html);
            history.pushState('data', '', $post_url);
            $(".wrapper").attr("data-id", $post_id);
            $(".wrapper").attr("data-history", JSON.stringify(historyData));
            $("#main").fadeIn("fast");
        }
    });
});

但不是这样我想为前进和后退id创建两个单独的数组，所以当触发后退时，我可以在“后”数组中捕获最后一个帖子ID以获取我需要的内容。

我的问题是如何在popstate上检测前向或后向以实现此目的或更好的方式来实现它。

$(window).on('popstate', function(event) {
 <---detect direction---->
});

在popstate上向前或向后检测

0 个答案: