twitter bootstrap typeahead no se puede agregar al elemento creado dinámicamente

Question

¿Hay alguna manera de convertir la función de escritura anticipada de twitter bootstrap en una función $ ("body"). On()? El siguiente código funciona bien si el elemento existe en la carga de la página.

$("#job_title").typeahead({ 
    source: searchFunction,   
    onselect: function(obj) {    
    } 
}); 

Pero si añado la entrada de texto con id = "job_title" de forma dinámica, la función anterior no funciona. ¿Hay una solución para esto?

Answer 1

He descargado jquery.livequery.js para obtener el comportamiento que quería:

$("#job_title").livequery("create", function() { 
    $(this).typeahead({ 
     source: searchFunction,   
     onselect: function(obj) {    
     } 
    }); 
}); 

Answer 2

Esta solución no requiere JavaScript adicional. De https://stackoverflow.com/a/15094730

$("#element-that-will-contain-typeaheads").on("DOMNodeInserted", function() { 
    $(this).find(".typeahead").typeahead(); 
});