URL-адрес Ajax не обновляется

Question

У меня есть небольшая проблема с моим сценарием здесь. По некоторым причинам он не включает #-теги, и я не знаю почему. Я создал этот javascript с помощью этого урока. (Загрузка страниц работает без проблем вообще.)

Может кто-нибудь, пожалуйста, посмотрите это и скажите мне, почему это не работает?

 var default_content="";

    $(document).ready(function(){   //executed after the page has loaded

        checkURL(); //check if the URL has a reference to a page and load it

        $('ul li a').click(function (e){    //traverse through all our navigation links..

                checkURL(this.hash);    //.. and assign them a new onclick event, using their own hash as a parameter (#page1 for example)

        });

        setInterval("checkURL()",250);  //check for a change in the URL every 250 ms to detect if the history buttons have been used

    });

    var lasturl=""; //here we store the current URL hash

    function checkURL(hash)
    {
        if(!hash) hash=window.location.hash;    //if no parameter is provided, use the hash value from the current address

        if(hash != lasturl) // if the hash value has changed
        {
            lasturl=hash;   //update the current hash
            loadPage(hash); // and load the new page
        }
    }

    function loadPage(url)  //the function that loads pages via AJAX
    {
        // Instead of stripping off #page, only 
        // strip off the # to use the rest of the URL
        url=url.replace('#','');

     $('#loading').css('visibility','visible'); //show the rotating gif animation

         $.ajax({
            type: "POST",
            url: "load_page.php",
            data: 'page='+url,
            dataType: "html",
            success: function(msg){

                   if(parseInt(msg)!=0) //if no errors
                {
                    $('#content').html(msg);    //load the returned html into pageContet

                }  $('#loading').css('visibility','hidden');//and hide the rotating gif
            }

        });

    }

Answer 1

Вы можете значительно упростить это, добавив функцию для прослушивания hashchange событие, как это:

$(window).on("hashchange", function() {
    loadPage(window.location.hash);
});

Таким образом, вам не нужно иметь дело с таймерами или переопределением событий щелчков на якорях.

Вам также не нужно отслеживать lasthash так как hashchange даже срабатывает только при изменении хеша.