如何解决在分页插件中使用 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;
}
});
}
})
});
},
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。