使用Wordpress AJAX支持后退按钮

时间:2017-10-15 19:21:24

标签: javascript php jquery ajax wordpress

我一直在阅读和研究如何在wordpress中使用jquery ajax时支持我网站上的后退按钮。我已经阅读过有关实现哈希的内容,但仍有一些我不太了解的内容。我不确定如何将它实现到我当前的代码库中。

ajax.js

jQuery(document).ready( function ($) {

  $(".product-cat").click(function(e) {
    e.preventDefault;

    $.ajax({
        url: ajaxproducts.ajax_url,
        type: 'post',
        data: {
            action: 'ajax_product_load',
            datavar: $(this).data( 'id' )
        },

        success: function ( result ) {
                $("#main").empty();
                $("#main").html( result );
            }
        })
  })
});

插件-的functions.php

<a href="#product-cat-name" data-id="5">Product Category Name</a>

当用户点击链接时,所有数据都会通过ajax检索得很好并加载所选类别的所有产品。但是,如果按下后退按钮,它不会返回到产品类别的页面,而是返回到主页。我希望它能够返回到类别页面,如果用户想要为他们选择的产品页面添加书签,他们应该可以。

任何试图解决这个问题的帮助都会受到赞赏。

0 个答案:

没有答案