onglets rechargent ajax

Question

Je veux ajouter à ce simple fichier ... Lorsque vous cliquez sur un onglet contenu mis à jour de la page ou rechargerez

---

$(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

Vous aurez probablement envie de regarder le load function: il prend une URL, la charge via AJAX et remplace le contenu de l'élément. Quelque chose comme ceci:

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

}); 

(vous aurez envie de changer le sélecteur, bien sûr)