2

Estou fazendo o seguinte código:

var botoesTela = "<button id='okcad' class='botao_padrao botao_ok' value='OK' onclick=''> <img src='/php/Images/OK.png' alt='OK' /> OK </button>";
divBotoes.innerHTML = divBotoes.innerHTML + botoesTela;

mas quando eu tento pegar o click no botão na pagina HTML

$("#okcad").click(function() 

ele não faz nada...alguém sabe porquê?

2
  • Há algum erro no console? Quando o bind da função de click é realizado? Antes ou depois da inserção do botão no document? Commented 27/11/2014 às 2:08
  • 1
    Pode ser a ordem em que as coisas são feitas. Nesse caso você precisaria delegar o evento.
    – bfavaretto
    Commented 27/11/2014 às 2:50

1 Resposta 1

3

Duas razões (erros no código) que podem levar a esse problema:

#1

Problema: O elemento é criado depois de esse jQuery ser lido.
Solução: Precisa delegar o evento.
Novo código: $(document).on('click', "#okcad", function(){

#2

Problema: IDs duplicadas se eventualmente estiver a adicionar botões como esse várias vezes.
Solução: Use classes em vez de IDs ou gere IDs dinamicamente para serem unicas.
Novo código: $(".botao_padrao.botao_ok").click(function(){


Pode combinar as duas ideias e usar: $(document).on('click', '.botao_ok', function(){

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .