2011-12-06 11 views
28

Estoy usando jquery fancybox versión 2.0.3. Quiero evitar un clic cercano fuera de fancybox. Quiero forzar al usuario a hacer clic en el botón de cruz. He intentadojquery fancybox 2.0.3 - evitar cerrar al hacer clic fuera de fancybox

$(document).ready(function() { 
    $(".various").fancybox({ 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none', 
     hideOnOverlayClick:false, 
     hideOnContentClick:false 
    }).trigger("click"); 
}); 

pero esto no parece funcionar en la nueva versión de fancybox. Yo había remitido el enlace

jquery fancybox - prevent close on click outside of fancybox

pero estas soluciones no parece funcionar en FancyBox 2.0.3

Respuesta

76

Utilice esta opción:

helpers : { 
    overlay : {closeClick: false} 
} 

por lo que su guión final debe ser similar :

$(document).ready(function() { 
$(".various").fancybox({ 
    closeClick : false, // prevents closing when clicking INSIDE fancybox 
    openEffect : 'none', 
    closeEffect : 'none', 
    helpers : { 
    overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 
    } 
}).trigger("click"); 
}); 

hideOnOverlayClick y hideOnContentClick son opciones para Fancybox v1.3.x

+0

¡Gran solución! – Aditya

+0

La secuencia de comandos funciona muy bien, aparte de que muestra una fantasía en el documento listo, no después de que haga clic en el botón correspondiente. ¿Alguna idea de cómo prevenir eso? – Pejs

+0

@Pejs si no quiere la secuencia de comandos justo después de la carga de la página, entonces quite '.trigger (" click ")' del código de arriba – JFK

0
$(document).ready(function() { 
    $("#popup").fancybox({ 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none', 
     helpers : { 
      overlay : { 
       closeClick: false, 
      } 
     } 
    }).trigger("click"); 
}); 
+0

Hola Deepak, Gracias por su primera respuesta en stackoverflow. Si es posible, explique por qué funciona una respuesta para ayudar a la comunidad a saber más :) Programación feliz ... Sam (comentario) – saml