*   >> Lezen Onderwijs artikelen >> tech >> web development

jQuery AJAX Tabs met thickbox enabled

t laden van pagina's, actieve tabblad 1 $ ("# preloader") te verbergen ();.. $ ("# Content_tab1") klik (function (e) {e.preventDefault (); loadTab

(1);}); //hier e.preventDefault (), is te voorkomen dat de respectievelijke href uit te gaan van de gebruiker van de koppeling, dat is de url href "#" die is het toevoegen van de URL zal afgaan $ ("# content_tab2") click (function (e) {e.preventDefault (); loadTab

(2);}).. $ ("# content_tab3") click (function (e ) {e.preventDefault (); loadTab

(3);}). $ ("# content_tab4 ') klikt (functie (e) {e.

preventDefault (); loadTab

(4);});})

Volledige code met HTML:

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485jQuery Ajax Tabs met ThichBox ingeschakeld - Door www.developersnippets.com var reqPageUrl = new Array (); reqPageUrl [1] = "contentpage1.html"; reqPageUrl [2] = "contentpage2.html"; reqPageUrl [3] = "contentpage3.html"; reqPageUrl [4] = "contentpage4.html"; functie loadTab (id) {if (reqPageUrl [ID] .length> 0) {$ ('# preloader ") geven ().; $ .

ajax ({url: reqPageUrl [ID], cache: vals, fout:. functie (XMLHttpRequest, textStatus, errorThrown) {$ ('# tabmenu a') removeClass ('actieve'); //verwijder alle class = ' actief 'voor alle ankers $ ("# content_tab" + id) .toggleClass (' actief ').. //toe te voegen klasse aan de huidige $ ("# content") leeg () toevoegen (' Problemen met laden pagina, neem dan contact op met het pad "); //als er een fout in de aanvraag $ (" # preloader ") te verbergen (); //verbergen preloader}, succes:. functie (bericht) {$ ('# tabmenu a ') removeClass (.

' actief '); //verwijder alle class =' ​​actief 'voor alle ankers $ ("# content_tab" + id) .toggleClass ("actieve"); //toe te voegen klasse aan de huidige $ ( "#content") leeg () toevoegen (bericht);.. //eerst de inhoud te legen, dan voeg inhoud $ ("# preloader") te verbergen ();. //verberg de preloader tb_init ('a.thickbox, area .thickbox, input.thickbox '); //roepen tb_init functie ThichBox starten in uw respectieve tab panelen}}); }} $ (Document) .ready (function () {loadTab

(2); //Na het laden van pagina's, actieve tabblad 1 $ ("# preloader") te verbergen ();..

$ ("# Content_tab1") klik (function (e) {e.preventDefault (); loadTab

(1);}); //hier e.preventDefault (), is te voorkomen dat de respectievelijke href uit te gaan van de gebruiker van de koppeling, dat is de url href "#" die is het toevoegen van de URL zal afgaa

Page   <<  [1] [2] [3] >>

Copyright © 2008 - 2016 Lezen Onderwijs artikelen,https://onderwijs.nmjjxx.com All rights reserved.