Este é um dos bom exemplo de como podemos carregar um ThickBox (Exemplo: ThickBox galerias de imagens relacionadas etc.,) em nossos AJAX Tabs jQuery. Geralmente, se você tentar carregar um ThickBox diretamente em AJAX jQuery Tabs, a funcionalidade não funcionar corretamente, a fim de fazer este trabalho, temos de re-iniciar tb_init () função em conformidade, após o pedido é o sucesso. Basta ter um olhar abaixo sobre como vamos resolver este
Re-Iniciar tb_init () uma vez que o pedido é sucesso
1tb_init ('a.thickbox, area.
thickbox, input.thickbox ');
Se você quiser ter um olhar para as AJAX jQuery Tabs, por favor clique aqui para ver o mesmo .
Para baixar o trecho, clique aqui
Abaixo está um exemplo de como podemos fazer isso na prática. Eu tenho alguns painéis Tab, em uma das Panel Tab há poucas imagens para as quais eu preciso ThickBox funcionalidade, que é quando eu clicar na imagem respectiva miniatura deve abrir um pop-up com a imagem real.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546var reqPageUrl = new Array (); reqPageUrl [1] = "contentpage1.html"; reqPageUrl [2] = "contentpage2.html"; reqPageUrl [3] = "contentpage3.html"; reqPageUrl [4] = "contentpage4.html"; função loadTab (id) {if (reqPageUrl [id] .length> 0) {$ ("# preloader") show ().; $ .ajax ({url: reqPageUrl [id], de cache: false, erro:.
função (XMLHttpRequest, textStatus, errorThrown) {$ ('# tabmenu a') removeClass ('ativa'); //remover todas class = ' ativo "para todas as âncoras $ (" # content_tab "+ id) .toggleClass (« activo »);.. //adicionar classe para o atual $ (" # conteúdo ") empty () anexa ('Erro no carregamento da página, por favor, verifique com o caminho '); //se houver qualquer erro na solicitação de $ ("# preloader") esconder (); //esconder o preloader}, o sucesso:. função (mensagem) {$ (' # tabmenu a ') removeClass (.' ativa '); //remover todas class = "ativo" para todas as âncoras $ ("# content_tab" + id) .
toggleClass (' ativa '); //adicionar classe para o atual $ ( "#content") empty () anexar (mensagem);.. //primeiro esvaziar o conteúdo, em seguida, acrescentar conteúdo $ ("# preloader") esconder ();. //esconder o tb_init preloader ('a.thickbox, área .thickbox, input.thickbox '); //chama tb_init função para iniciar ThichBox em seus respectivos painéis de tabulaçã