Cambiar el contenido de un fancybox con ajax
Frecuentes
Visto 971 equipos
1
Tengo un enlace en mi menú que abre una elegante caja con algunos contenidos de ajax. Este cuadro contiene enlaces, como un menú para los datos que se muestran en el cuadro elegante. Me gustaría poder hacer clic en estos enlaces y cambiar el contenido del fancybox, pero todo lo que logro es abrir un nuevo cuadro en su lugar, lo que hace que la pantalla se desvanezca a blanco y retroceda, lo que hace que parezca que está parpadeando.
Intenté usar una serie de diccionarios de contenido para simplemente cambiar pero no pude hacer que cargara ninguno de ellos. También agregué un rel a los enlaces, lo que lo convierte en un álbum con flechas al costado para poder ir al siguiente/anterior y eso funciona bien, excepto que ese no es el tipo de navegación que quiero. Debe ser posible hacer lo mismo a través de enlaces, pero no puedo entender cómo. Puede alguien ayudarme con esto?
Edito: un pequeño jsFiddle de algunas cosas que probé.
2 Respuestas
0
Fancybox admite iframes. Podrías hacer un iframe en su lugar. Y pon otra página html allí.
Respondido el 01 de junio de 12 a las 15:06
Al final, abrí una página html con ajax en el lightbox. Esta página contenía un menú y un iframe en el que cargué la página usando $('#iframe_id').attr('src', url);
- Olofom
0
Puedes probar en cada enlace.
¿Los enlaces ubicados en el mismo servidor o en diferentes dominios?
¿Has probado con onclick="window.location.replace(url)"?
Uso fancybox en nuestro sistema web y eso me ayudó con fancybox
Respondido el 01 de junio de 12 a las 12:06
Deberá abrir fancybox como un iframe y usar la ventana.ubicación en los enlaces dentro del iframe de fancybox - Federico Giust
Ah, no sabía que te referías a un iframe. Eso es lo que terminé haciendo de todos modos, vea el comentario para la respuesta aceptada. Gracias de cualquier manera. - Olofom
No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas javascript jquery fancybox fancybox-2 or haz tu propia pregunta.
@Joy, no tengo mucho código, pero aquí hay algo... - olofom