Funções agrupadas em JQuery
Olá, pessoas!
Ultimamente eu tenho desenvolvido algumas funcionalidades rápidas em JQuery da seguinte forma, por conta da mantenabilidade:
var funcionalidade = {
init : function() {
// Inicializa a funcionalidade
funcionalidade.atribui();
},
atribui : function() {
$('.botao').hover(funcionalidade.onhover);
},
onhover : function(e) {
// Evento onde ocorre o hover do objeto .botao
}
}
funcionalidade.init();
Eu sei que, por exemplo, o .hover() do JQuery permite inserir duas funções (como para mouseover e mouseout). Da forma comum, eu poderia fazer da seguinte forma:
$('.botao').hover(function() {
// O que acontece quando mouseover
}, function() {
// O que acontece quando mouseout
});
A questão é: Como eu poderia implementar esta dualidade do hover na forma como eu estou implementando no primeiro exemplo?
Tentei fazer umas mudanças no script, mas não tive muito sucesso.
Eu tentei procurar por respostas em outros locais, mas não consegui passar ao certo para o inglês. Alguém tem alguma ideia?
Ajudas serão apreciadas! ;)
Discussão (4)
Carregando comentários...