*   >> Læs Uddannelse artikler >> tech >> web development

jQuery AJAX Tabs med Thickbox enabled

Tab

(2); //Efter side lastning, aktiv fane 1 $ ("# preloader") skjul ();.. ("# Content_tab1") klik (funktion $ (e) {e.preventDefault (); loadTab

(1);}); //Her e.preventDefault (); er at forhindre respektive href fra at gå brugeren af ​​forbindelsen, der er href URL "#", som er at føje til webadressen vil gå ud $ ("# content_tab2") klik (funktion (e) {e.preventDefault (); loadTab

(2),}).. $ ("# content_tab3") klik (funktion (e ) {e.preventDefault (); loadTab

(3);}). $ ("# content_tab4") klik (funktion (e) {e.

preventDefault (); loadTab

(4);});});

Fuld kode med HTML:

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485jQuery Ajax Tabs med ThichBox aktiveret - Ved www.developersnippets.com var reqPageUrl = new Array (); reqPageUrl [1] = "contentpage1.html" reqPageUrl [2] = "contentpage2.html" reqPageUrl [3] = "contentpage3.html" reqPageUrl [4] = "contentpage4.html"; funktion loadTab (id) {if (reqPageUrl [id] .length> 0) {$ ("# preloader") show ().; $ .

ajax ({url: reqPageUrl [id], cache: falsk, fejl:. funktion (XMLHttpRequest, textStatus, errorThrown) {$ ('# tabmenu a') removeClass ("aktiv"); //fjerne alle class = ' aktiv "for alle ankre $ (" # content_tab "+ id) .toggleClass (" aktiv ").. //tilføjer klasse til den nuværende $ (" # indhold ") tom () append ('Fejl i Indlæser side, er du tjekke med stien '); //hvis der er nogen fejl i anmodningen $ ("# preloader") skjul (); //skjule preloader}, succes:. funktion (meddelelse) {$ (' # tabmenu a ') removeClass (. "aktiv"); //fjerne alle class = "aktiv" for alle ankre $ ("# content_tab" + id) .

toggleClass ("aktiv"); //tilføjer klasse til den nuværende $ ( "#content") tom () append (meddelelse);.. //først tømme indholdet, så tilføje indhold $ ("# preloader") skjul ();. //skjule preloader tb_init ('a.thickbox, område .thickbox, input.thickbox '); //kalder tb_init funktion til at indlede ThichBox i dine respektive fanen paneler}}); }} $ (Dokument) .ready (function () {loadTab

(2); //Efter side lastning, aktiv fane 1 $ ("# preloader") skjul ();.. ("# Content_tab1") klik (funktion $ (e) {e.preventDefault (); loadTab

(1);}); //Her e.

preventDefault (); er at forhindre respektive href fra at gå brugeren af ​​forbindelsen, der er href URL "#", som er at føje til webadressen vil gå ud $ ("# content_tab2") klik (funktion (e) {e.preventDefault (); loadTab

(2),}).. $ ("# content_tab3") klik (funktion (e ) {e.preve

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

Copyright © 2008 - 2016 Læs Uddannelse artikler,https://uddannelse.nmjjxx.com All rights reserved.