2012-03-16 9 views
12

En fancyBox 2, ¿hay alguna clave/valor que podría desactivar que desactivará la caja de luz cuando el usuario haga clic en el fondo (fondo negro semitransparente)?Desactivar FancyBox 2 desde el cierre al hacer clic en el fondo

Solo quiero darles la opción de hacer clic en el botón de cerrar (X) real en la esquina superior derecha.

¿Alguna idea?

Gracias.

+0

utilizar la caja de fantasía 1.3.4 – Michal

Respuesta

43

Para uso versión 2.x

$(".fancybox").fancybox({ 
    closeClick : false, // prevents closing when clicking INSIDE fancybox 
    helpers  : { 
     overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 
    } 
}); 

si closeClick se establece en true FancyBox (por defecto) se cerrará si al hacer clic sobre el contenido por lo que con estas dos opciones combinadas la única forma posible de cerrar fancybox es con el botón close (X)

+0

¿por qué esta respuesta no está marcada como correcta y aceptada? es el correcto y funciona y tienes 6 votaciones ascendentes – caramba

+0

¡Buen trabajo JFK! Gracias por esta respuesta! +1 – gfivehost

+0

esto DEBERÍA ser la respuesta aceptada. el primer 'closeClick: false' es el predeterminado, por lo que no es necesario. – Josh

1

probar esto dejó adduser sea mi selector de objetivo

$('.adduser').fancybox({ 
'hideOnOverlayClick': false 
}); 
+3

esa opción es para fancybox v1.3.x. Las opciones en fancybox v2.x son nuevas y no son compatibles con las versiones anteriores. – JFK

0

evitar que los primeros Botón de uso:

defaults: { closeBtn : false,} 

Para evitar la superposición de cerca - utilización:

F.helpers.overlay = { 
     defaults : {closeClick : false,  // if true, fancyBox will be closed when user clicks on the overlay }} 

para evitar el escape haga clic en cerrar:

defaults: {keys : {//close : [27], // escape key 
       close : null, } } 
6

Esto desactivará FancyBox de cierre cuando se hace clic en la superposición (el fondo semitransparente)

fancyEls.fancybox({ 
     helpers : { 
      overlay : { 
       closeClick: false 
      } // prevents closing when clicking OUTSIDE fancybox 
     } 
    }); 

Esto desactivará todos los métodos por defecto clic de cierre FancyBox

fancyEls.fancybox({ 
     closeBtn : false, 
     closeClick : false, 
     helpers : { 
      overlay : { 
       closeClick: false 
      } // prevents closing when clicking OUTSIDE fancybox 
     }, 
     keys : { 
      close: null 
     } // prevents close when clicking escape button 
    }); 

Y esto hará el lo mismo que deshabilitar la funcionalidad de presentación de diapositivas

fancyEls.fancybox({ 
     modal : true //If set to true, will disable navigation and closing 
    }); 
Cuestiones relacionadas