¿Cómo usar Zurb Foundation reveal con las funciones de devolución de llamada abrir, abrir, cerrar y cerrar?

La respuesta anterior no funcionó para mí. Esto es lo que funcionó (Foundation 4 y jQuery):

$('#myModal').bind('opened', function() {
  console.log("myModal opened");
});

Enlaces de eventos para Zurb Foundation Reveal -

Hay una serie de eventos a los que puedes enlazar para activar callbacks:

$(document).on('open.fndtn.reveal', '[data-reveal]', function () {
  // your code goes here...
});

$(document).on('opened.fndtn.reveal', '[data-reveal]', function () {
  // your code goes here...
});

$(document).on('close.fndtn.reveal', '[data-reveal]', function () {
  // your code goes here...
});

$(document).on('closed.fndtn.reveal', '[data-reveal]', function () {
  // your code goes here...
});

Si tiene múltiples datos-reveal se usa en una sola página de la siguiente manera :

<div class="content reveal-modal" id="element-1" data-reveal>
<div class="content reveal-modal" id="element-2" data-reveal>

Luego, en estas situaciones, puede activar la devolución de llamada igual que se explicó anteriormente, pero con pocas modificaciones, como se muestra a continuación:

$(document).on('open.fndtn.reveal', '#element-1[data-reveal]', function () {
  // your code goes here...
});

$(document).on('open.fndtn.reveal', '#element-2[data-reveal]', function () {
  // your code goes here...
});

En Zurb Foundation v6, estos eventos fueron renombrados a xxx.zf.reveal:

• cierra.zf.reveal Dispara inmediatamente antes de que se abra el modal. Cierra cualquier otro modal que esté actualmente abierto
• abierto.zf.reveal Se dispara cuando el modal se ha abierto con éxito.
• cerrado.zf.reveal Se dispara cuando el modal termina de cerrarse.

Fuente: http://foundation.zurb.com/sites/docs/reveal.html#js-events

Ejemplos:

• Callback genérico que se activará para todos los modales:

  $(document).on('open.zf.reveal', '[data-reveal]', function() {
    console.log('This works');
  });
  

• Callback que se activará cuando se abra un modal específico:

  $(document).on('open.zf.reveal', '#<ELEMENT-ID>[data-reveal]', function() {
    console.log('This works');
  });
  

Como dijo meatrobot, para que esto funcione, desea enlazar al modal con la acción que está apuntando. Tengo esto para trabajar:

$('#myModal').bind('closed', function() {
    console.log("myModal closed!");
});

Esto es un poco tarde, pero para la segunda parte se agregan los atributos como una lista de valores separados por punto y coma en el atributo data-options (probado con foundation 5), es decir:

<div id="myModal" data-options="close_on_background_click:false;" class="reveal-modal">

Y no, no puedes pasar funciones de esta manera, lo intenté :)

Mirando Foundation 5 y encontramos que la biblioteca reveal activa los eventos open, opened, close y closed. Simplemente adjunte un controlador al evento que desee.

$('#myModal').on([event], handler)

También puede pasar los controladores a través del argumento settings. Mira esto: https://github.com/zurb/foundation/blob/master/js/foundation/foundation.reveal.js#L92

La documentación de foundation 5 especifica el alcance de los eventos reveal al espacio de eventos 'reveal'. Sin embargo, los eventos modales reales no parecen disparar consistentemente dentro de este espacio de eventos. La eliminación de esta especificación soluciona el problema:

$(document).on('opened.fndtn', '[data-reveal]', function() {
  console.log('This works');
});

En la fundación 3.2.5 deberías enlazar 'reveal: opened' así:

$('#myModal').bind('reveal:opened', function() {
   console.log("myModal opened");
});

Saludos, MarianoC.