source event appendto jquery jquery-ui delegates

event - jquery ui autocompletar con delegado



jquery autocomplete source (4)

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

http://jsfiddle.net/uGdm2/

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


Para mí, lo siguiente funcionó:

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


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.