evento @Click não funciona em elementos gerados dinamicamente [duplicado]

Question

Jul 12, 2011, 04:02 AM

evento @Click não funciona em elementos gerados dinamicamente [duplicado]

Esta pergunta já tem uma resposta aqui:

Vinculação de evento em elementos criados dinamicament 3 respostas

<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">

        $(document).ready(function() {

            $("button").click(function() {
                $("h2").html("<p class='test'>click me</p>")
            });   

            $(".test").click(function(){
                alert();
            });
        });

    </script>
</head>
<body>
    <h2></h2>
    <button>generate new element</button>
</body>
</html>

Eu estava tentando gerar uma nova tag com o nome da classetest no<h2> clicando no botão. Também defini um evento de clique associado atest. Mas o evento não funciona.

lguém pode ajuda