*   >> Lese Utdanning Artikler >> tech >> web development

jQuery AJAX Tabs med ThickBox enabled

$ ("# preloader") skjule ();.. $ ("# Content_tab1") klikk (funksjon (e) {e.preventDefault (); loadTab

(1);}); //Her e.preventDefault (); er å hindre den respektive href fra å gå brukeren av koblingen, er at href url '#' som er å legge til nettadressen vil gå av $ ("# content_tab2") klikk (funksjon (e) {e.preventDefault (); loadTab

(2);});.. $ ("# content_tab3") klikk (funksjon (e ) {e.preventDefault (); loadTab

(3),}),. $ ("# content_tab4») klikk (funksjonen (e) {e.

preventDefault (); loadTab

(4);});});

Full kode med HTML:

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

ajax ({url: reqPageUrl [id], cache: falsk, feil. funksjon (XMLHttpRequest, textStatus, errorThrown) {$ ('# tabmenu en') removeClass ("aktiv"); //fjerne all class = ' aktiv "for alle ankere $ (" # content_tab "+ id) .toggleClass ('aktiv');.. //legge klassen til den nåværende $ (" # innhold ") tom () føyer ('Feil Laster siden, Vennligst sjekk med banen '); //hvis det er noen feil i forespørselen $ ("# preloader") skjule (); //skjule preloader} suksess. funksjon (melding) {$ (' # tabmenu en ') removeClass (.' aktiv '); //fjerne all class = "aktivt" for alle ankere $ ("# content_tab" + id) .

toggleClass ("aktiv"); //legge klassen til den nåværende $ ( "#content") tom () føyer (melding);.. //først tømme innholdet, og deretter legge til innhold $ ("# preloader") skjule ();. //skjule preloader tb_init ('a.thickbox, område .thickbox, input.thickbox '); //kaller tb_init funksjon for å initiere ThichBox inn dine respektive kategorien paneler}}); }} $ (Document) .ready (function () {loadTab

(2); //Etter lasting, active tab 1 $ ("# preloader") skjule ();.. $ ("# Content_tab1") klikk (funksjon (e) {e.preventDefault (); loadTab

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

preventDefault (); er å hindre den respektive href fra å gå brukeren av koblingen, er at href url '#' som er å legge til nettadressen vil gå av $ ("# content_tab2") klikk (funksjon (e) {e.preventDefault (); loadTab

(2);});.. $ ("# content_tab3") klikk (funksjon (e ) {e.preventDefault (); loadTab

(3),}),. $ ("# c

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

Copyright © 2008 - 2016 Lese Utdanning Artikler,https://utdanning.nmjjxx.com All rights reserved.