javascript - 機能しない理由 (pushstate)

Question

プッシュステートを使用しようとしています。しかし、うまくいきません。実際、「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);
              }
            });

    }

Content.php:

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

必要のない単純な html コードがいくつかあります。わかりません。ターンが loadContent にある間、何も起こりません。「main-div」を空にせず、コンテンツを配置せず、クロムに問題はありません。

しかし、なぜ？なぜ機能しないのですか？

何か助けはありますか？