Tenho uma função no meu menu principal que, quando clicada, inicia um 'classe'
para o setor em questão, tudo ocorre bem, porém, eu preciso iniciar a mesma classe novamente quando alguém volta para o setor, e nisso, os métodos tem sua chamada duplicada, segue exemplo:
var Collaborators = function () {
var open_collab_editor = function(){
$(document).on('click', '.edit-collaborator', function (e) {
e.preventDefault();
console.log('fui chamado')
});
}
return {
init: function () {
open_collab_editor();
}
};
}();
$(document).on('click', '.abrir', function (e) {
console.log('inciado');
Collaborators.init();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class='abrir'>Setor x</button>
<button class='edit-collaborator'>Editar (Função iniciada pelo Setor x)</button>
Veja que cada vez que clico em 'Setor x'
ele aumenta o numero de vezes que a função 'open_collab_editor()'
é chamada, isso que eu quero impedir e não estou conseguindo, preciso destruir a primeira iniciação pra poder iniciar de novo, ou outra forma de fazer isso.
Não posso permitir que o evento que é disparado em 'open_collab_editor()'
possa ser disparado antes de clicar em 'setor x'
;