Estoy tratando de mostrar un formulario html (no en línea) en un fancybox. Sin embargo, al hacer clic en el enlace, simplemente se redirige a la página real que contiene el formulario. No estoy seguro de por qué sucede esto.

A continuación hay un extracto de mi código:

Html:

<a href="http://localhost:8080/mysite/popups/registration_1.html" class="register">register</a>

Javascript:

$(document).ready(function() {
    $("a.register").fancybox({
        'type' : 'iframe'
    });
});

No puedo entender por mi vida qué estoy haciendo mal. Mirando la documentación de fancybox, lo anterior parece ser correcto sintácticamente.

Estoy usando la última versión de fancybox (al momento de escribir esto), versión: 1.3.4.

Cualquier pensamiento o idea sería muy apreciado ...

Gracias

-Tom

0
princeTaj 26 dic. 2011 a las 20:47

1 respuesta

La mejor respuesta

¿Ha comprobado si está incluyendo el archivo jQuery JS antes del archivo Fancybox JS y si sus rutas al archivo que está incluyendo son correctas?

Hice una prueba en este jsfiddle y funcionó. Tenga en cuenta que incluí JS y CSS para el fancybox a la izquierda y seleccioné jQuery.

1
Ricardo Souza 26 dic. 2011 a las 21:05
Bien, cambiar la precedencia de la ruta ha tenido algún impacto. Sin embargo, en lugar de redirigir, no pasa nada; sin superposición de caja de luz, nada ...
 – 
princeTaj
26 dic. 2011 a las 23:33
Curiosamente, cuando elimino el tipo forzado; 'iframe', el formulario se adjunta al final de la página actual.
 – 
princeTaj
26 dic. 2011 a las 23:34
Bien, después de verificar el código de muestra en la distribución de fancybox, noté que no incluí el atributo / valor 'rel = "stylesheet"' en el elemento de enlace para el css de fancybox. Ahora se muestra el formulario. Muchas gracias por su ayuda
 – 
princeTaj
27 dic. 2011 a las 00:22
No hay problema. Me alegra ver que lo ha descubierto.
 – 
Ricardo Souza
27 dic. 2011 a las 03:06