在分页插件中使用 History.pushState()

如何解决在分页插件中使用 History.pushState()

我正在使用 ajax 进行分页。 当我点击任何页码 url 不会因为 ajax 调用而改变时 所以当我点击第 3 页然后点击第 7 页时 我点击后退按钮它返回到第 1 页，因为 url 永远不会改变

他们说我可以用History.pushState()解决这个问题，但由于我的代码知识有限，我需要你的帮助。

我的代码：

property_paging: function() {
        var handle = true;
        $('.paging-navigation','.property-paging-wrap').each(function () {
            $('a',$(this)).off('click').on('click',function (event) {
                event.preventDefault();
                if(handle) {
                    handle = false;
                    var $this = $(this);
                    var href = $this.attr('href'),data_paged = ERE.get_page_number_from_href(href),data_contain = $this.closest('.property-paging-wrap'),property_content = $this.closest('.ere-property').find('.property-content');
                    $.ajax({
                        url: data_contain.data('admin-url'),data: {
                            action: 'ere_property_paging_ajax',layout: data_contain.data('layout'),items_amount: data_contain.data('items-amount'),columns: data_contain.data('columns'),image_size: data_contain.data('image-size'),columns_gap: data_contain.data('columns-gap'),view_all_link: data_contain.data('view-all-link'),paged: data_paged,property_type: data_contain.data('property-type'),property_status: data_contain.data('property-status'),property_feature: data_contain.data('property-feature'),property_city: data_contain.data('property-city'),property_state: data_contain.data('property-state'),property_neighborhood: data_contain.data('property-neighborhood'),property_label: data_contain.data('property-label'),property_featured: data_contain.data('property-featured'),author_id: data_contain.data('author-id'),agent_id: data_contain.data('agent-id')
                        },success: function (html) {
                            var $newElems = $('.property-item',html),paging = $('.property-paging-wrap',html);

                            property_content.css('opacity',0);

                            property_content.html($newElems);
                            ERE.set_item_effect($newElems,'hide');
                            var contentTop = property_content.offset().top - 30;
                            $('html,body').animate({scrollTop: +contentTop + 'px'},500);
                            property_content.css('opacity',1);
                            property_content.imagesLoaded(function () {
                                $newElems = $('.property-item',property_content);
                                ERE.set_item_effect($newElems,'show');
                                property_content.closest('.ere-property').find('.property-paging-wrap').html(paging.html());
                                ERE.property_paging();
                                ERE.property_paging_control();
                                ERE.favorite();
                                ERE.tooltip();
                                ERE_Compare.register_event_compare();
                            });
                            handle = true;
                        },error: function () {
                            handle = true;
                        }
                    });
                }
            })
        });
    },