使ajax加载可链接

Question

我需要我的ajax加载是可链接的，但我认为它的编程方式对我来说并不常用。 我看到了这个插件，但我无法使其工作：http://benalman.com/projects/jquery-bbq-plugin/

<a class="page2" href="#page2">Page 2</a>

脚本：

jQuery(document).ready(function ($) {
    $('.page2').on('click', function () {
        var href = $(this).attr('href');
        if ($('#ajax').is(':visible')) {
            $('#ajax').css({
                display: 'block'
            }).animate({
                height: '0'
            }).empty();
        }
        $('#ajax').css({
            display: 'block'
        }).animate({
            height: '500px'
        }, function () {
            $('#loader').css({
                border: 'none',
                position: 'relative',
                top: '24px',
                left: '48px',
                boxShadow: 'none'
            });
            $('#ajax').load('page2.php ' + href, function () {
                $('#ajax').hide().fadeIn('slow');
            });
        });
    });
});

有什么想法吗？