0

我正在使用一个 onhashchange 插件,但是当我想通过 ajax 加载页面时,我遇到了一个问题。

这是我的jQuery,

    $(document).ready(function(){

    $(window).hashchange(function() {
        var hash = location.hash;
        var array_url = hash.split('#');
        var page = $(array_url).last()[0];
        $('#content').load( page + '.php', function(){
        });
    });

    $('.clickme').click(function(){

        var url = $(this).attr('href');
        var array_url = url.split('#');
        var page = $(array_url).last()[0];

        location.hash = url;

        $('#content').load( page + '.php', function(){
        });

        return false;
    });

});

的HTML,

<a href="#1" class="clickme">1<a>
<a href="#2" class="clickme">2<a>

<div id="content">
</div>

hash问题是在更改后单击链接时,ajax 页面将加载两次或更多次。

我怎样才能解决这个问题?

谢谢。

4

2 回答 2

2

您正在加载两次:

$(window).hashchange(function() {
    var hash = location.hash;
    var array_url = hash.split('#');
    var page = $(array_url).last()[0];
    $('#content').load( page + '.php', function(){ //ONCE
    });
});

$('.clickme').click(function(){

    var url = $(this).attr('href');
    var array_url = url.split('#');
    var page = $(array_url).last()[0];

    location.hash = url; //GOTO HASH CHANGE ^^

    $('#content').load( page + '.php', function(){  //TWICE
    });

    return false;
});
于 2011-06-28T14:44:39.720 回答
0

摆脱点击侦听器内部的 $('#content').load() 调用。这样,当您更改哈希时,只有 hashchange 侦听器会处理 ajax 调用。

于 2011-06-28T14:43:51.547 回答