*   >> lukeminen koulutus Artikkelit >> tech >> web development

jQuery AJAX välilehtiä thickbox enabled

ilottaa (), $ ("# content_tab1"). Klikkaa (toiminto (e) {e.preventDefault (); loadTab

(1),}); //Tässä e.preventDefault (), on estää vastaavien href menemästä käyttäjän ulos linkki, joka on href url "#", joka on liittämällä sen URL menossa pois $ ("# content_tab2"). osoita (toiminto (e) {e.preventDefault (), loadTab

(2),}), $ ("# content_tab3"). osoita (toiminto (e ) {e.preventDefault (), loadTab

(3),}), $ ("# content_tab4"). osoita (toiminto (e) {e.

preventDefault (); loadTab

(4),}),});

Koko koodi HTML:

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485jQuery Ajax välilehtiä ThichBox käytössä - By www.developersnippets.com var reqPageUrl = new Array (); reqPageUrl [1] = "contentpage1.html", reqPageUrl [2] = "contentpage2.html" reqPageUrl [3] = "contentpage3.html"; reqPageUrl [4] = "contentpage4.html"; toiminto loadTab (id) {jos (reqPageUrl [id] .length> 0) {$ ("# preloader"). Show (); $ .

ajax ({Url: reqPageUrl [id], välimuisti: vääriä, virhe: toiminto (XMLHttpRequest, textStatus, errorThrown) {$ ('# tabmenu "). RemoveClass (" aktiivinen "); //poistaa kaikki class =" aktiivinen "kaikille ankkurit $ (" # content_tab "+ id) .toggleClass (" aktiivinen "); //lisää luokan nykyistä $ (" # pitoisuus "). tyhjä (). append (Virhe Loading sivu, älä tarkista polku "); //jos on virhe pyynnön $ (" # preloader "). piilottaa (); //piilottaa preloader}, menestys: toiminto (viesti) {$ ('# tabmenu ").

removeClass (" aktiivinen "); //poistaa kaikki class =" aktiivinen "kaikkien ankkurit $ (" # content_tab "+ id) .toggleClass (" aktiivinen "); //lisää luokan nykyistä $ ( "#content"). tyhjä (). append (viesti); //tyhjennä ensin sisältöä, sitten liittää sisältöä $ ("# preloader"). piilottaa (); //piilottaa preloader tb_init ("a.thickbox, alue .thickbox, input.thickbox "); //soittaa tb_init toiminto aloittaa ThichBox omalle vastaaviin välilehti paneelit}}); }} $ (Document) .ready (toiminto () {loadTab

(2); //jälkeen sivujen latautumista, aktiivinen välilehti 1 $ ("# preloader").

Piilottaa (), $ ("# content_tab1"). Klikkaa (toiminto (e) {e.preventDefault (); loadTab

(1),}); //Tässä e.preventDefault (), on estää vastaavien href menemästä käyttäjän ulos linkki, joka on href url "#", joka on liittämällä sen URL menossa pois $ ("# content_tab2"). osoita (toiminto (e) {e.preventDefault (), loadTab

(2),}), $ ("# content_tab3"). osoita (toiminto (e ) {e.preventDefault (),

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

Copyright © 2008 - 2016 lukeminen koulutus Artikkelit,https://koulutus.nmjjxx.com All rights reserved.