*   >> Leitura Educação Artigos >> tech >> desenvolvimento web

AJAX jQuery Tabs com ThickBox enabled

o}}); }} $ (Document) .ready (function () {loadTab

(2); Após o carregamento da página, guia ativa 1 $ ("# preloader") esconder () //;.. $ ("# Content_tab1") click (function (e) {e.preventDefault (); loadTab

(1);}); //Aqui e.preventDefault (); é para evitar que o respectivo href de ir o utilizador fora da ligação, que é o URL href '#' quais está acrescentando à URL vai saindo $ ("# content_tab2") clique (function (e) {e.preventDefault (); loadTab

(2);});.. $ ("# content_tab3") click (function (e ) {e.preventDefault (); loadTab

(3);});.

$ ("# content_tab4") clique (function (e) {e.preventDefault (); loadTab

(4);});});

Código completa com HTML:

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485jQuery Ajax Tabs com ThichBox habilitado - por www.developersnippets.com var 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ção}}); }} $ (Document) .ready (function () {loadTab

(2); Após o carregamento da página, guia ativa 1 $ ("# preloader") esconder () //;..

$ ("# Content_tab1") click (function (e) {e.preventDefault (); loadTab

(1);}); //Aqui e.preventDefault (); é para evitar que o respectivo href de ir o utilizador fora da ligação, que é o UR

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

Copyright © 2008 - 2016 Leitura Educação Artigos,https://artigos.nmjjxx.com All rights reserved.