Articles of typeahead

No puedo hacer que typeahead.js funcione

Aparece el cuadro de entrada, pero la función typeahead no funciona. Utiliza las últimas bibliotecas jquery y typeahead.bundle.min.js. $(document).ready(function () { $(‘.typeahead’).typeahead({ name: ‘RealFood’, source: [“Spinach”, “Kale”, “Coconut”, “Avocado”, “Banana”, “Granola”, “Beets”] }); }); Hungry?

La entrada de typeahead de la etiqueta Bootstrap no está poblando el menú con jQuery ajax

Estoy usando tags bootstrap ( https://github.com/bootstrap-tagsinput/bootstrap-tagsinput ) para rellenar algunas de las tags. Estoy usando jQuery 3 y Bootstrap 3. A continuación se muestra el fragmento de código. Está obteniendo datos del servidor pero no está procesando. ¿Podría por favor dejarme saber cómo solucionar este problema? He incluido https://github.com/twitter/typeahead.js y https://github.com/bootstrap-tagsinput/bootstrap-tagsinput y CSS correspondiente function […]

No se puede hacer que typeahead.js funcione, no se mostrarán resultados

He estado tratando de hacer que typeahead.js trabaje por 2 días, y me niego a creer que debería ser tan difícil. Ni un solo ejemplo ha funcionado hasta ahora, y estoy atascado en averiguar qué está mal. En primer lugar, mi archivo typeahead.bundle.js se descarga desde este repository: https://github.com/twitter/typeahead.js/tree/master/dist Mi código se ve así: Typeahead […]

Comportamiento extraño Typeahead con JSON remoto

Tengo un comportamiento muy extraño que trato de entender durante las últimas dos horas. Me hice un auto explicando JSFiddle que puedes encontrar aquí. Stackoverflow no acepta jsfiddle sin código, así que aquí vamos … $(function(){ var $el = $(‘#typeahead’); var resultsObj = {}; var resultsStrings = []; var engine = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.whitespace, […]

Cabecera de arranque, cambie la fuente de datos utilizada por el motor de sugerencia de sabueso

Tengo un campo de búsqueda con autocompletado que se inicializa así: var reposVenda = new Bloodhound({ datumTokenizer: function (d) { return Bloodhound.tokenizers.whitespace(d.bairro); }, queryTokenizer: Bloodhound.tokenizers.whitespace, prefetch: { url: urlAutoCompleteVenda } }); var reposAluguel = new Bloodhound({ datumTokenizer: function (d) { return Bloodhound.tokenizers.whitespace(d.bairro); }, queryTokenizer: Bloodhound.tokenizers.whitespace, prefetch: { url: urlAutoCompleteAluguel } }); reposVenda.initialize(); reposAluguel.initialize(); $(‘#searchQuery’).typeahead(null, { […]

Pie de página global en el menú desplegable de typeahead

Tengo un menú de typeahead con 2 categorías, pero debajo de esas categorías necesito un botón. ¿Cómo puedo agregar este pie de página global, por lo que estará disponible cuando falte la categoría 2’nd?

Fuente de cambio tipográfico

Estoy intentando cambiar la fuente de typeahead, pero todas las respuestas que encontré no funcionaron para mí (probablemente debido a una nueva versión de bootstrap). Hice una búsqueda de back-end basada en lo que el usuario busca. Aquí está mi código: $(‘.typeahead’).typeahead({ hint: true, highlight: true, minLength: 1, limit: 2, }, { name: ‘organizations’, source: […]

bootstrap typeahead ajax seleccionar el valor de los datos

Pequeño problema (no soy un ajax / json guru, desnudo conmigo). utilizando: https://github.com/tcrosen/twitter-bootstrap-typeahead/blob/master/demo/js/demo.js mi llamada: $(‘#SearchUser’).typeahead({ ajax: { url: ‘/users/ajax_finduser’, triggerLength: 3, timeout: 300, method: ‘post’, }, display: ‘name’, val: ‘id’, itemSelected: updateID }); Mi nueva salida: [ {“id”:”5″,”name”:”Som name”}, {“id”:”6″,”name”:”Another name”} ] Y aquí está mi problema, el VAL y el NOMBRE que espera […]

Typeahead.js me da sugerencias pero no las selecciona

Estoy usando Bootstrap 3.0 y la última versión de Typeahead.js con el motor Hogan. Logré que la carga remota de las sugerencias funcionara (finalmente). Ahora el siguiente obstáculo es cuando un usuario hace clic en una sugerencia, ¿cómo puedo hacer que la palabra complete la entrada? ¿Pensé que esto probablemente se hizo automáticamente pero no […]

Bootstrap typeahead: muestra un texto diferente en el cuadro una vez seleccionado

Estoy usando bootstrap typeahead para buscar de esta manera: $(‘.lookup’).typeahead({ source: function (query, process) { return $.getJSON( ‘json_autocomplete.php’,{ query: query }, function (data) { var newData = []; $.each(data, function(){ newData.push(this.label); //populate hidden field with id $(‘#contact_id’).val(this.id); }); return process(newData); }); } }); Los datos de JSON se ven así: [{“label”:”Contact: Jeff Busch-> Busch, Jeff: […]