Evento Jquery visibilidad

[jomafer]

Saludos!

En mi proyecto necesito una directiva Jquery que se ejecute cuando un elemento(div, button...etc) sea puesto como visible.

He encontrado códigos como estos:

Código Javascript:

$("#moreOptions").slideToggle('slow', callbackFn);
 
function callbackFn(){
 
     var $link = $("#lnkMoreOpt");
 
     $(this).is(":visible") ? $link.text("Less Options «") : $link.text("More Options »");
 
 
}
 

Pero no se si es lo que busco, el tema es que quiero un comprobador constante que verifique cuándo se pone el elemento en visible y lance una serie de instrucciones.

¿Podéis ayudarme? Muchísimas gracias a todos/as.

[jomafer]

Esto también encontré pero no realiza lo que busco, supongo que porque se ejecutan cuando se carga la página:

Código Javascript:

$(element).is(":visible")
$('element:visible')
$(element).css('display') == 'none'
if( $(element).is(":visible") ) {
// element is visible
}
 

Gracias

[djaevi]

Podrias especificar mejor en que momento necesitas que se disparen estos eventos, podrias agruparlos por name y que el disparador recorra un bucle para cambiarles la propiedad o averiguar, puedes usar each de jquery o un bucle javascript tradicional.

Saludos

[jomafer]

Muchas gracias por contestar. A ver, expongo mi problema mejor.

INTRODUCCIÓN AL PROBLEMA
Mi herramienta en cuestión carga un grafo. Para ello, imaginate una página con un select y un canvas inicialmente vacío. Al definir esa página he definido un button, "okmessages" con display none. Al seleccionar una opción del select, se crea el json para mostrar el grafo en dicho canvas. Al finalizar la carga (es decir la creación de ese json), se cambia ese display:none por visible. Al pulsar en ese boton ahora visible, se llama al evento $("#okmessages").click() {} y ya se me muestra el canvas. Hasta ahí todo bien y funciona de maravilla.

OBJETIVO
Pues bien, el profesor quiere que el grafo se muestre una vez finalizada la carga y quitar el botón okmessages. No puedo poner la creación del canvas en ese mismo archivo js de ajax puesto que utilizo variables que pertenecen a otro js. Por tanto, lo que hago como solución es definir el botón, y cuando cambie su visibilidad, que Jquery recoja dicho evento y lance el canvas. Es decir:

1º) Creo en PHP el boton y lo defino como display:none.
2º) Selecciono una opción del select.
3º) Ajax hace que se muestre el botón.
4º) Quiero un evento en Jquery que detecte cuándo se ha habilitado la visibilidad de ese botón y me lance el canvas.

En definitiva, creo que es cambiar el evento click por otro, pero no logro averiguarlo

Muchísimas gracias!

[jomafer]

¿Nadie lo sabe?