(2); Après chargement de la page, onglet actif 1 $ ("# Preloader") cacher () //;.. $ ("# Content_tab1") cliquez sur (fonction (e) {e.preventDefault (); loadTab
(1);}); //Voici e.preventDefault (); est d'empêcher le href respective d'aller à l'utilisateur en dehors du lien, qui est l'url href '#' qui est l'ajout de l'URL aller hors $ ("# content_tab2") cliquez sur (function (e) {e.
preventDefault (); loadTab
(2);});.. $ ("# content_tab3") cliquez sur (function (e ) {e.preventDefault (); loadTab
(3);});. $ ("# content_tab4") cliquez sur (function (e) {e.preventDefault (); loadTab
(4);});});
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485jQuery Ajax Tabs avec ThichBox permis - En www.developersnippets.com var reqPageUrl = new Array (); reqPageUrl [1] = "contentpage1.html"; reqPageUrl [2] = "contentpage2.html"; reqPageUrl [3] = "contentpage3.html"; reqPageUrl [4] = "contentpage4.html"; fonction loadTab (id) {if (reqPageUrl [id] .length> 0) {$ ("# Preloader") show ().; .ajax $ ({url: reqPageUrl [id], cache: false, erreur:. function (XMLHttpRequest, textStatus, errorThrown) {$ ('# tabmenu a') removeClass («actif»); //supprimer tous class = ' actif »pour toutes les ancres $ (" # content_tab "+ id) .toggleClass (« actif »);..
//Ajouter une classe pour l'actuel $ (" contenu de # ") vide () append ('Erreur dans la page de chargement, s'il vous plaît ne vérifier avec le chemin '); //si il ya une erreur dans la requête $ ("# Preloader") cacher (); //masquer le préchargement}, le succès:. function (message) {$ (' # tabmenu a ') removeClass (.' active '); //supprimer tous class =' active 'pour tous les ancres $ ("# content_tab" + id) .toggleClass («actif»); //Ajouter une classe pour l'actuel $ ( "#content") vide () append (message);.. //abord vider le contenu, puis ajoutez le contenu $ ("# Preloader") cacher ();.
//cacher la tb_init de préchargement («a.thickbox, région .thickbox, input.thickbox '); //appeler tb_init fonction d'initier ThichBox dans vos panneaux à onglets respectifs}}); }} $ (Document) .ready (function () {loadTab
(2); Après chargement de la page, onglet actif 1 $ ("# Preloader") cacher () //;.. $ ("# Content_tab1"