*   >> Lectura Educación Artículos >> tech >> desarrollo web

jQuery AJAX aquí con ThickBox enabled

oader ('a.thickbox, área .thickbox, input.thickbox '); //llamar tb_init función para iniciar ThichBox en sus respectivos paneles de pestañas}}); }} $ (Document) .ready (function () {loadTab

(2); //Después de carga de la página, active tab 1 $ ("# preloader") ocultar ();.. $ ("# Content_tab1") haga clic (función (e) {e.preventDefault (); loadTab

(1);}); //Aquí e.preventDefault (); es evitar que el respectivo href de ir el usuario fuera del enlace, que es la dirección URL href '#' que está añadiendo a la URL de apagarse $ ("# content_tab2"), haga clic en (function (e) {e.

preventDefault (); loadTab

(2);});.. $ ("# content_tab3"), haga clic en (function (e ) {e.preventDefault (); loadTab

(3);});. $ ("# content_tab4") haga clic (function (e) {e.preventDefault (); loadTab

(4);});});

Código completo con HTML:

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485jQuery Ajax aquí con 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"; función loadTab (id) {if (reqPageUrl [id] .length> 0) {$ ("# preloader") show ().; $ .ajax ({url: reqPageUrl [id], caché: falsa, error:. función (XMLHttpRequest, textStatus, errorThrown) {$ ('# tabmenu a') removeClass ("activo"); //eliminar toda clase = ' activo "para todos los anclajes $ (" # content_tab "+ id) .toggleClass (" activo ");..

//Agregar clase para los actuales $ uno (" # content ") vacía () append (" Error al cargar la página, por favor consulte con el camino '); //si hay algún error en la solicitud de $ ("# preloader") ocultar (); //ocultar el preloader}, el éxito:. función (mensaje) {$ (' # tabmenu a ') removeClass (. "activa"); //eliminar toda clase = "activa" para todas las anclas $ ("# content_tab" + id) .toggleClass ("activo"); //añadir la clase a los actuales $ uno ( "#content") vacía () append (mensaje);.. //primero vaciar el contenido, a continuación, añadir el contenido $ ("# preloader") ocultar ();.

//ocultar la tb_init preloader ('a.thickbox, área .thickbox, input.thickbox '); //llamar tb_init función para iniciar ThichBox en sus respectivos paneles de pestañas}}); }} $ (Document) .ready (function () {loadTab

(2); //Después de carga de la página, active tab 1 $ ("# preloader") ocultar ();.. $ ("# Content_tab1") hag

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

Copyright © 2008 - 2016 Lectura Educación Artículos,https://lectura.nmjjxx.com All rights reserved.