标签重新加载ajax

Question

我想添加到这个简单的文件...当你点击一个标签更新页面的内容或重新加载

---

$(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); 
    }); 

}); 

Answer 1

您可能希望查看load函数：它需要一个URL，通过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)

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

});

（当然，你想要改变选择器）