4

Sei que é possível usar o on() e delegar o seletor, assim ele acessa o elemento dinâmico a partir de um elemento estático, mas se não tiver como usar o on(), o que fazer?

Por exemplo, dentro de uma função qualquer eu preciso pegar o id de um elemento adicionado dinamicamente para mudar um atributo de estilo e não existe um evento que dispare o on():

jQuery

function(){
    if(1 + 1 == 2){
        //Não vejo como usar o on() nessa situação.
        $("#elemento").css("color", "black");
    }
    //Talvez...
    $("#elemento2").on((1 + 1 == 2), "#elemento", function(){
        $("#elemento").css("color", "black");
    });
}

Existe algum outro método, como gerar ações que independam de outras ações do usuário ou é impossível fazer isso com jQuery?

13
  • Não entendi! O que deseja fazer? Você poderia explicar resumidamente. Commented 10/07/2014 às 0:56
  • 1
    Você quer então uma maneira de seu script sempre ficar de olho e poder interagir com novos elementos inseridos no DOM, sem ficar preso a eventos do cursor como o hover e o click? Acredito que uma boa são os Mutations Observers, mas eu ainda não tenho uma prática muito bacana com eles. Commented 10/07/2014 às 0:56
  • @MarcosFreitas, exato, quero gerar ações que independam do usuário, vou adicionar essa afirmação na pergunta, talvez a deixe mais esclarecida.
    – ptkato
    Commented 10/07/2014 às 0:58
  • Pois bem, assim só posso te ajudar indicando esse artigo sobre os M. Observers: updates.html5rocks.com/2012/02/… Commented 10/07/2014 às 1:01
  • Você quer algo como um evento que dispare quando um estilo é alterado? Ou você quer somente selecionar o elemento com jQuery?
    – bfavaretto
    Commented 10/07/2014 às 2:51

1 Resposta 1

4

Parece que você está confuso sobre a necessidade de delegação. Quando você seleciona um elemento com jQuery – por exemplo, com $('#algumId') –, o elemento só é selecionado se ele existir. Se ele não existir, você não pode fazer nada com ele (como alterar conteúdo, atributos, ou associar uma função que trate um evento nesse elemento).

Delegação de eventos é uma forma de se definir como tratar eventos em determinado elemento antes mesmo de ele existir no DOM. Porém, na hora em que o evento é disparado, o elemento naturalmente precisa já existir no DOM para que sua função delegada faça alguma coisa.

Se você quer alterar o conteúdo ou atributo do elemento, basta fazer isso diretamente:

function pintaDePreto(){
    $("#elemento").css("color", "black");
}

Não faz sentido falar em delegação nesse caso, não há eventos envolvidos. Se o elemento #elemento existir quando a função for chamada, será aplicado color: black nele. Se ele não existir, nada acontece. Isso não tem a ver com o elemento ser ou não adicionado dinamicamente, e sim com a própria existência do elemento no DOM. Se ele não existir, não faz sentido querer mudar a cor! Então apenas garanta que a função será chamada quando o elemento alvo existir.

2
  • Então se usa delegação apenas onde existem eventos, caso contrário, basta fazer como no seu exemplo?
    – ptkato
    Commented 10/07/2014 às 19:33
  • Isso, na verdade o que se chama "delegação" é event delegation, portanto delegação de eventos.
    – bfavaretto
    Commented 10/07/2014 às 19:46

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 .