come rendere i div cliccabili dopo la pubblicazione

Question

Sono impegnato a creare un'agenda online. Ho 3 menu a discesa in cui è possibile selezionare l'anno, il mese e la settimana che si desidera vedere. Quindi senza una pagina di aggiornamento vengono stampati i div (giorno con il numero ad esempio selezionato februari 2008 e si ottiene 1 feb giovedi ect ..). Questi div devono essere abilitati a fare clic in modo che un popup / light box si apra il giorno selezionato con gli appuntamenti. (i div sono un gestore di moduli callback.php e ce ne sono 35 quindi spero di poterlo fare con una funzione)

Ho creato una funzione chiamata test e l'ho aggiunta all'evento onlclick ma non ha funzionato (ma l'avviso è stato mostrato quando ho avviato la pagina e non avevo postato o tagliato nulla)

$ (function test () {alert (" test ");

e ho reso tutti i div della stessa classe (klik) in modo che se qualcosa con la classe klik viene troncato, l'annuncio di avviso deve essere mostrato ma anche quel dint funziona.

$ ( 'klik'). Click (function () { avviso (" prova "); });});

il css dei div:

div # a1 {         larghezza: 100px;         altezza: 110px;         margin-left: 99px;         margin-top: -111px;         bordo inferiore: 1px nero solido;         bordo-sinistra: 1px nero solido;         cursor: pointer;         blocco di visualizzazione;         }

la creazione dei div in handler.php `$ B = 0;

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

Spero di averti dato abbastanza informazioni che mabey voi ragazzi potete aiutarmi grazie Marco

Answer 1

Esamina la delega degli eventi, implementata in jQuery come Events / live .

Quindi, invece di

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

try

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

Answer 2

è la tua funzione per rendere selezionabili i div nell'evento onload?

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