Problema ao definir evento jQuery

[betofc 1]

Fala galera, estou com um problema de JavaScript/CSS.

Quando eu crio um elemento dessa forma:

 

var botao = document.createElement("div");
document.getElementById("corpo").appendChild("botao");
protClose.setAttribute("id","botao");

E, logo depois, defino o que acontecerá quando o mesmo será clicado:

 

$("#botao").click(function() {
     // Ação esperada
});

a ação esperada não ocorre! Por favor me ajudem.

 

[William Bruno 1501]

faça assim:

$("#botao").on('click',function() {

[betofc 1]

 

faça assim:

$("#botao").on('click',function() {

Ih cara, não funcionou não... A estrutura do código é a seguinte:

1 - Um evento leva à criação de um elemento de id "btQuadrado"

2 - Ao clicar nesse elemento, uma função será chamada através do evento jQuery click

 

obs.: quando testo o evento click com uma outra div funciona. Quando uso a div btQuadrado dá esse problema, de não acontecer nada ao clicar no mesmo

[William Bruno 1501]

qual versão do jQuery vc ta usando ?

 

se for antes da 1.8, troque o "on" por "live"

[Marcio Oliveira_42926 0]

Assim, vc está criando o elemento javascript com raw, e depois quer malipulá-lo com jquery certo? Não seria melhor usar apenas jQuery?

 

Bom:

var botao = document.createElement("div");
document.getElementById("corpo").appendChild("botao");
protClose.setAttribute("id","botao");

O que seria esse protClose?

[betofc 1]

William e Marcio, valeu pela ajuda de vcs! Eu resolvi o problema aqui da seguinte forma: ao invés de criar o elemento btQuadrado através do JS, eu criei com o HTML mesmo; um btQuadrado para cada parte onde o mesmo é necessário.

 

Eu creio que o problema que estava ocorrendo anteriormente era que o btQuadrado era criado e, imediatamente depois, vinha a linha do $("#botao").click(function() {.

 

Vou deixar a cargo de algum moderador marcar esse post como resolvido ou não, pois estou com dúvida, já que resolvi o problema através de outra abordagem.

 

Mais uma vez, valeu pela ajuda dos que responderam ;)