jQuery Trigger é um método do jQuery para disparar ou chamar um evento já definido em um elemento.
Como exemplo podemos usar o script abaixo:
|
1 2 3 |
$('a').click(function(){
alert('Tag "a" clicado!');
}); |
Neste script atribuímos o evento “click” à tag “a”. Ao ser clicada será exibida uma “alert”.
Digamos que tenho um botão e seja necessário que ao clicar neste botão também precise executar exatamente o script do evento click tag a. A solução mais óbvio seria criar uma função e fazer com que os dois eventos chamem esta função. Porém o jQuery apresenta um bom recurso para resolver esta necessidade: .trigger.
Usando o método trigger à partir do seletor que deseja disparar o evento, conseguimos como “simular o evento” do outro elemento.
Veja como ficaria no script abaixo:
|
1 2 3 4 5 6 7 8 9 10 |
//Evento click do elemento a
$('a').click(function(){
alert('Tag "a" clicado!');
});
//Evento click do elemento Button
$('button').click(function(){
alert('Tag "button" clicado!');
//Simulando ou disparando o evento click do elemento a
$('a').trigger('click');
}); |
Fácil? Claro que sim! Mais um ponto para o jQuery!!!
Dúvidas? É só comentar abaixo…