javascript - 为什么不起作用（推送状态）

Question

我正在尝试使用 pushstate。但它不起作用。实际上，我的“loadContent()”函数不起作用。它没有任何区别。我会告诉你我的代码。

Javascript：

$(function() {
        $('a').click(function(e) {
            $("#loading").show();
            href = $(this).attr("href");

            loadContent();

            // HISTORY.PUSHSTATE
            history.pushState('', 'New URL: '+href, href);
            e.preventDefault();


        });
        // THIS EVENT MAKES SURE THAT THE BACK/FORWARD BUTTONS WORK AS WELL
        window.onpopstate = function(event) {
            $("#loading").show();
            console.log("pathname: "+location.pathname);
            loadContent();
        };

    });

    function loadContent(){
        // USES JQUERY TO LOAD THE CONTENT

            $.ajax({
              url: "tema/project/content.php",
              success: function(e){

                    $(".main-div").empty();
                    $(".main-div").append(e);
              }
            });

    }

内容.php：

echo "this is my example to show me it does work.";

还有一些不需要的简单 html 代码。好的，我不明白，当轮到 loadContent 时，什么都没有发生。它不会清空“main-div”，也不会放入任何内容，并且在 chrome 中没有问题。

但为什么？为什么它不起作用？

有什么帮助吗？