如何实现单击选项卡更新页面内容或重新加载ajax？

我想针对这个简单的文件实现：单击选项卡更新页面内容或重新加载。

$(function(){ 

    $('#tabsSlide #nav li a').click(function(){ 

        var currentNum = $(this).attr('id').slice(-1); 
        $('#tabsSlide #nav li a').removeClass('current'); 
        $(this).addClass('current'); 

        $('#tabsSlide #content .tab-slide').slideUp(300); 
        $('#tabsSlide #content #slide-'+currentNum+'.tab-slide').slideDown(300); 
    }); 

}); 

You'll probably want to look at the load function: it takes a URL, loads it via AJAX, and replaces the contents of the element. Something like this:

$(function(){ 

    $('#tabsSlide #nav li a').click(function(){ 

        var currentNum = $(this).attr('id').slice(-1); 
        $('#tabsSlide #nav li a').removeClass('current'); 
        $(this).addClass('current');

        $('#tabsSlide #content .tab-slide').slideUp(300); 
        $('#tabsSlide #content #slide-'+currentNum+'.tab-slide').slideDown(300)

        $('#contents-of-tab').load(url); // will replace the matched element with the data loaded from url, asynchronously
    }); 

});

(you'll want to change the selector, of course)