为什么不起作用(pushstate)

时间:2013-05-19 04:10:49

标签: javascript pushstate history.js

我正在尝试使用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);
              }
            });

    }

Content.php:

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

并且有一些简单的html代码并不是必需的。 好吧我不明白,虽然转向是在loadContent上,但没有任何反应。它没有清空'main-div'它没有放任何内容,并且在chrome中存在问题。

但为什么呢?为什么不起作用?

任何帮助?

0 个答案:

没有答案