使用 Hash(#) 的 Ajaxpageloak，有数字时例外（例如：#1）

Question

我正在使用这段代码：

<script type='text/javascript'>
$(document).ready(function () {

    //Check if url hash value exists (for bookmark)
    $.history.init(pageload);  

    //highlight the selected link
    $('a[href=' + document.location.hash + ']').addClass('selected');

    //Seearch for link with REL set to ajax
    $('a[rel=ajax]').click(function () {

        //grab the full url
        var hash = this.href;

        //remove the # value
        hash = hash.replace(/^.*#/, '');

        //for back button
        $.history.load(hash);  

        //clear the selected class and add the class class to the selected link
        $('a[rel=ajax]').removeClass('selected');
        $(this).addClass('selected');

        //hide the content and show the progress bar
        $('#ajax').hide();
        $('#loading').show();

        //run the ajax
        getPage();

        //cancel the anchor tag behaviour
        return false;
    });
});


function pageload(hash) {
    //if hash value exists, run the ajax
    if (hash) getPage();   
}

function getPage() {

    //generate the parameter for the php script
    var data = 'page=' + document.location.hash.replace(/^.*#/, '');
    $.ajax({
        url: "loader.php", 
        type: "GET",       
        data: data,    
        cache: false,
        success: function (html) { 

            //hide the progress bar
            $('#loading').hide();  

            //add the content retrieved from ajax and put it in the #content div
            $('#ajax').html(html);

            //display the body with fadeIn transition
            $('#ajax').fadeIn('slow');      
        }      
    });
}
</script>

所以我必须使用：页面来运行ajax ...但是，我在某些地方使用：

转到一些 例如，注意到...当您单击时，不仅仅是驱动到 id = '1'，而是执行 ajax 代码来运行。

如何在运行哈希中的代码时添加异常而不是添加异常？

Answer 1

如果您想检查哈希字符串中是否存在数字，可以轻松使用 RegExp。
这样你就可以创建一个模式并检查一个字符串：

var pattern = new RegExp(/.*[0-9].*/);
pattern.test(hash); // Will return TRUE if it contains any digit.

Answer 2

您可以通过添加检查来查看哈希是否为整数来添加异常。请参阅下面的代码。 （我只调整了 $('a[rel=ajax]') 部分，其余的代码就这样了。）

//Search for link with REL set to ajax
$('a[rel=ajax]').click(function () {

    //grab the full url
    var hash = this.href;

    //remove the # value
    hash = hash.replace(/^.*#/, '');

    // test if hash is not an integer
    if(parseInt(hash) != hash){

        //for back button
        $.history.load(hash);  

        //clear the selected class and add the class class to the selected link
        $('a[rel=ajax]').removeClass('selected');
        $(this).addClass('selected');

        //hide the content and show the progress bar
        $('#ajax').hide();
        $('#loading').show();

        //run the ajax
        getPage();

        //cancel the anchor tag behaviour
        return false;
    }
});