Título: pestañas dinámicas usando jquery Publicado por: Dosjota en 1 Agosto 2010, 20:45 pm encontré este tutorial http://www.jankoatwarpspeed.com/post/2010/01/26/dynamic-tabs-jquery.aspx lo único, que no he podido cargar contenido de otra pagina, si alguien me pudiese ayudar, encantado! gracias!
Título: Re: pestañas dinámicas usando jquery Publicado por: Mr. Crowley en 3 Agosto 2010, 21:04 pm Que tal si le coloca la ruta de la pagina al enlace?? En lugar de # le coloca mipagina.html o lo que sea.
Con JQuery debe bloquear el comportamiento normal del enlace con preventdefault, toma el contenido del href y lo carga con $('micapa').load('mipagina.html'); Saludo Título: Re: pestañas dinámicas usando jquery Publicado por: Dosjota en 4 Agosto 2010, 04:30 am no aun no puedo el código es este...
Código
Código al poner la pagina de destino en href me carga completa, declarando event.preventDefault(); previamente Título: Re: pestañas dinámicas usando jquery Publicado por: Mr. Crowley en 4 Agosto 2010, 04:54 am Hola, copie el codigo del tutorial pero por alguna razon me da un error y no cierra el tab que se crea... El asunto es que si me funciono el cambio que hice. Espero le sirva.
Ejemplo de los tabs (donde dice hola.html, nada.html los reemplaza por sus paginas): Código: <ul id="documents"> Recuerde que debe utilizar unicamente paginas alojadas en el mismo server... Osea, no puede decirle al metodo load que le cargue elhacker.net, etc. La parte de JQuery quedaria asi (unicamente pongo las secciones que modifique): Código: $("#documents a").click(function(event) { La parte que dice: Código: $("#content").append("<p id='" + $(link).attr("rel") + "_content'>" + La reemplaza por esto (edito, este codigo corresponde a la funcion addTab): Código: $("#content").load($(link).attr("href")); Bueno mi estimado, cualquier cosa me avisa. Saludos. Título: Re: pestañas dinámicas usando jquery Publicado por: Dosjota en 4 Agosto 2010, 06:01 am si, algo asi, pero, la pagina cargada queda visible en todas las demás pestañas y claro, no se cierra el contenido al cerrar la pestaña
|