javascript - onclick 函数 Ajax 在 div 上加载页面，并在浏览器中返回和下一个历史记录

Question

onclick 函数在 div 中加载外部页面，使用 ajax 函数在浏览器中返回历史记录

<script type="text/javascript">   
    jQuery(document).ready(function () {
        jQuery.history.init(pageload);  
        jQuery('a[rel=ajax]').click(function () {
            var hash = this.href;
            hash = hash.replace(/^.*#/, '');
            jQuery.history.load(hash);  
            getPage();
            return false;
        }); 
    });

    function pageload(hash) {
        //if(!hash){
        //  document.location.hash='test4.html';
        //}
        if (hash) getPage();     
    }

    function getPage() {
        var data = 'page=' + encodeURIComponent(document.location.hash);
        jQuery.ajax({
            url: document.location.hash.replace(/^.*#/, ''),    
            type: "GET",        
            data: data,     
            cache: false,
            success: function (html) {  
                jQuery('#content').html(html);              
                jQuery('a[rel=ajax]').removeClass('selected');
                jQuery('a[href=' + window.location.hash + ']').addClass('selected');
            }       
        });
    }    
    </script>

如何更改 onClick 功能

<a href="#test1.html" rel="ajax">1</a>