Вкладки перезагрузить 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
    }); 

});

(конечно, вы захотите изменить селектор)