Estou trabalhando em uma funcionalidade de uma aplicação Rails onde usamos uma gem chamada Best in Place, que proporciona a possibilidade de edição inline de atributos de um model. Mas surgiu a necessidade de usar autocomplete do jQuery UI quando o usuário for editar algumas informações.
Procurando no SO em inglês, encontrei esta pergunta. Tentei fazer da forma que o primeiro cara disse, pensando em não adicionar mais uma dependência à aplicação. Meu código JavaScript está assim:
$('#edit_objeto').on('click', function(event) {
var self = $(this);
var containerElement = $("#best_in_place_processo_9_objeto");
var textField = containerElement.find("form input[type=text]");
// Aqui está a parte problemática...
textField.autocomplete({
autoFocus: true,
source: containerElement.data('autocomplete-uri'),
minLength: 2
});
return false;
});
Quando eu testo no navegador, funciona, mas só da primeira vez. Da segunda vez em diante já não funciona mais e não entendo o porquê. Fiz debug e notei que o evento click
é acionado normalmente, mas essa parte específica do autocomplete do jQuery UI deixa de funcionar depois da primeira execução.
Alguém sabe me dizer onde eu estou errando?
containerElement
etextField
continuam com mesmo valor ? Já verificou se a funçãocontainerElement.data('autocomplete-uri')
continua retornando os dados corretamente?