Det här är en av det goda exemplet på hur vi kan läsa in en Thickbox (Exempel: Thickbox relaterade bildgallerier etc.) i våra jQuery AJAX flikar. Vanligtvis, om du försöker att ladda en Thickbox direkt till jQuery AJAX Tabs, funktionalitet kommer inte att fungera, för att göra detta arbete måste vi åter inleda tb_init () funktionen i enlighet med efter det att begäran är framgång. Bara ha en blick nedan om hur vi ska lösa det här Omdömen
Re-Initiera tb_init () när begäran är framgång Omdömen 1tb_init (a.thickbox, area.
thickbox, input.thickbox ');
Omdömen
Om du vill ta en titt på jQuery AJAX Tabs, klicka här för att se samma .
För att ladda ner utdrag, klicka här Omdömen
Nedan är ett exempel på hur vi kan göra detta i praktiken. Jag har några flikpaneler, i en av flikpanelen finns några bilder som jag behöver Thickbox funktionalitet, det är när jag klickar på respektive miniatyrbild det bör öppna upp en popup med faktiska bilden.
Omdömen
12345678910111213141516171819202122232425262728293031323334353637383940414243444546var 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") visa (). $ .ajax ({url: reqPageUrl [id], cache: falskt, fel.
funktion (XMLHttpRequest, textStatus, errorThrown) {$ ("# tabmenu a ') removeClass (" aktiva "); //ta bort alla class =' aktiv "för alla ankare $ (" # content_tab "+ id) .toggleClass (" aktiva ");.. //lägga klass till den nuvarande $ (" # innehåll ") tom () lägga (" Fel i sidan laddas, vänligen kontrollera med stigen "); //om det finns något fel i begäran $ (" # preloader ") dölja (); //dölja preloader} framgång. funktion (meddelande) {$ (" # tabmenu a ') removeClass (. "aktiva"); //ta bort alla class = "aktiv" för alla ankare $ ("# content_tab" + id) .
toggleClass ("aktiva"); //lägger klass till den nuvarande $ ( "#content") tom () lägga (meddelande);.. //först tömma innehållet och sedan lägga innehåll $ ("# preloader") dölja ();. //dölja preloader tb_init (a.thickbox, område .thickbox, input.thickbox '); //ringa tb_init funktion för att initiera ThichBox i era respektive flikpaneler}}); }} $ (Dokument) .ready (function () {loadTab
(2); //Efter sidan laddas, aktiv flik 1 $ ("# prel