Je l'ai utilisé ce tutoriel: http://yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/chargement du contenu après un clic yensdesign menu à onglets
il est yensdesign menu à onglets. Est-ce que sb pourrait me dire comment dois-je changer le code pour charger le contenu d'un onglet particulier après avoir cliqué sur cet onglet?
Travailler avec le js, vous voulez changer chaque cas à quelque chose comme:
case 'news':
$('#news').load('/fetch-content?tab=news', function() {
$("#news").addClass("active");
$("#tutorials").removeClass("active");
// .. etc ..
});
Il y a beaucoup de variations sur ce point - peut-être que vous voulez faire l'onglet actif avant de charger le contenu aller donner à l'utilisateur rétroaction immédiate au cas où votre serveur prend quelques secondes pour répondre.
En outre, les éléments addClass/removeClass dans le fichier tabs.js ne sont pas correctement mis à l'échelle. Il serait préférable de sélectionner tous les divs, puis filtrer ceux que vous n'êtes pas intéressé par, .: par exemple
$('#tabs > div').filter(':not(#news)').removeClass('active');(quelque chose comme ça de toute façon)