Twitter bootstrap typeahead (método 'toLowerCase' de undefined)
Estoy tratando de usar el bootstrap de Twitter para obtener los fabricantes de mi base de datos.
Debido a que Twitter Bootstrap Typeahead no admite llamadas ajax, estoy usando este fork:
https://gist.github.com/1866577
En esa página hay esto.comentario que menciona cómo hacer exactamente lo que quiero hacer. El problema es que cuando ejecuto mi código sigo obteniendo:
No se detectó TypeError: no se puede llamar al método 'toLowerCase' de undefined
Busqué en Google y traté de cambiar mi archivo de jQuery para usar el minified y no minified así como el que está alojado en el código de Google y seguí recibiendo el mismo error.
Mi código actualmente es el siguiente:
$('#manufacturer').typeahead({
source: function(typeahead, query){
$.ajax({
url: window.location.origin+"/bows/get_manufacturers.json",
type: "POST",
data: "",
dataType: "JSON",
async: false,
success: function(results){
var manufacturers = new Array;
$.map(results.data.manufacturers, function(data, item){
var group;
group = {
manufacturer_id: data.Manufacturer.id,
manufacturer: data.Manufacturer.manufacturer
};
manufacturers.push(group);
});
typeahead.process(manufacturers);
}
});
},
property: 'name',
items:11,
onselect: function (obj) {
}
});
en el campo url agregué el
window.location.origin
para evitar cualquier problema como ya se discutió en otra pregunta
También antes de usar$.each()
y luego decidió usar$.map()
según lo recomendado Tomislav Markovski en unapregunta similar
¿Alguien tiene alguna idea de por qué sigo teniendo este problema?
Gracias