cómo hacer divs hacer clic después de la publicación

Question

Estoy ocupado para crear una agenda en línea. Tengo 3 menús desplegables donde puede seleccionar el año, el mes y la semana que desea ver. Luego, sin una actualización de la página, se imprimen los divs (los días con su número, por ejemplo, usted seleccionó febrero de 2008 y obtiene 1 feb thuiesday ect ..). Esos divs deben ser habilitados para hacer clic para que una ventana emergente / luz abra el día seleccionado con las citas. (Los divs son un handler.php de devolución de llamada y hay 35 de ellos, así que espero poder hacerlo con una sola función)

hice una función llamada prueba y agregué eso en el evento onlclick pero no funcionó (pero se mostró la alerta cuando comencé la página y no había publicado ni cliqueado nada)

$ (prueba de función () {alerta (" prueba ");

e hice que todos los div sean de la misma clase (klik), de modo que si se hace clic en algo con la clase klik, se mostrará el aviso de alerta pero también funcionará.

$ ('. klik'). haga clic en (función () { alerta (" prueba "); });});

el css de los divs:

div # a1 {         ancho: 100px;         altura: 110px;         margen izquierdo: 99px;         margen superior: -111px;         borde inferior: 1px negro sólido;         borde izquierdo: 1px negro sólido;         cursor: puntero;         bloqueo de pantalla;         }

la creación de los divs en handler.php `$ b = 0;

            while ($b < 35)
                    {
        echo "<div id='a$b' name='b' class='klik'>";
        echo "<p>test ".$b."" ;
        echo "</div>";
        $b++;
        }`

Espero haberte dado suficiente información para que Mabey, ustedes, puedan ayudarme gracias Mark

Answer 1

Busque en la delegación de eventos, que se implementa en jQuery como Events / live .

Entonces, en lugar de

$('.klik').click(function() { alert('test'); });

prueba

$('.klik').live('click', function() { alert('test'); });

Answer 2

¿Su función es hacer que los divs se puedan hacer clic en el evento onload?

$(document).ready(function() {
   $('.klik').click(function(){ alert("test"); });}); 
});