event - jquery ui autocompletar con delegado

jquery autocomplete source

Question

He configurado la autocompletar JQuery UI de acuerdo con los documentos y funciona para cualquier entrada con class = "tag-item" que se representa en la página. Sin embargo, el usuario puede agregar entradas al Dom a través de JS, así que necesito una forma de vincular el autocompletado a las nuevas entradas creadas dinámicamente mediante el delegado. No estoy seguro de cómo configurar esto, cualquier idea sería apreciada.

Gracias

Answer 1

He intentado esto pero parece que no puedo hacer que funcione, aquí está mi intento:

http://jsfiddle.net/uGdm2/

Answer 2

Para mí, lo siguiente funcionó:

$(''#autocomplete'').on(''focusin'', ''input'', function(){
    $(this).autocomplete({

    });
});

Answer 3

Por lo que vale, esto es lo que terminé usando:

$(''#some-container'').delegate(''input.to-autocomplete'', ''focus'', function(e) {
    $(this).autocomplete({
        source: autocomplete_url
        /* etc, etc */
    });
});
$(''#some-container'').delegate(''input.to-autocomplete'', ''blur'', function(e) {
    var target = $(this);
    if (target.hasClass(''ui-autocomplete-input'')) {
        target.autocomplete(''destroy'');
    }
});

Mi esperanza es que alivie la carga en el navegador ya que estoy autocompletando (posiblemente) cientos de elementos de vez en cuando, y los resultados de autocompletar comienzan a acumularse de otra manera.

Answer 4

Puede delegar con un evento ''focusin'' para configurar su campo de entrada.

Ver esta publicación