Ayuda con Easyautocomplite
Publicado por Leonardo Yoel (2 intervenciones) el 15/02/2019 04:39:57
Hola amigos, necesito de la ayuda de ustedes. el hecho es qu eme he descargado el plugin easyautocomplite que trae dos archivos principales, el .js y el .css
Estoy trabajandolo con bootstrap 4 y me funciona bien cuando lo pongo con un input type="text" con la class="form-control" pero cuando lo pongo a trabajar con otro input igual dentro de la clase input group de bootstrap no me funcioa, es decir, funciona pero tiene problemas co el diseño.
Aqui les dejo el codigo para que me digan:
este lo tengo en un archivo .js de mi web:
este es el index,php
Y aqui les dejo el archivo .js y .css de easy autocomplite.
cuando lo pongo a funcionar me realiza la busqueda y me muestra los resultados pero el input se muestra diferente y los resultados tienen que salir con letras oscuras y salen con letras blancas. saludos
Estoy trabajandolo con bootstrap 4 y me funciona bien cuando lo pongo con un input type="text" con la class="form-control" pero cuando lo pongo a trabajar con otro input igual dentro de la clase input group de bootstrap no me funcioa, es decir, funciona pero tiene problemas co el diseño.
Aqui les dejo el codigo para que me digan:
este lo tengo en un archivo .js de mi web:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
var optionsAutocomplete = {
url: function(phrase) {
return $('#level').val()+"bin/consultas.php";
},
getValue: function(element) {
return element.ciudad;},
ajaxSettings: {
dataType: "json",
method: "POST",
data: {
dataType: "json"
}},
theme: "blue-light",
preparePostData: function(data) {
data.phrase = $("#inputDestino").val();
data.caso = "searchCity";
return data;
}};$("#inputDestino").easyAutocomplete(optionsAutocomplete);
este es el index,php
1
2
3
4
5
6
7
8
9
10
<div class="form-group col-md-7 col-lg-7 my-1 ">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text bg-white">
<i class="fa fa-map-marker-alt fa-lg"></i>
</div>
</div>
<input type="text" class="form-control py-3" id="inputDestino" name="inputDestino" required placeholder="¿A dónde quieres ir?">
</div>
</div>
Y aqui les dejo el archivo .js y .css de easy autocomplite.
cuando lo pongo a funcionar me realiza la busqueda y me muestra los resultados pero el input se muestra diferente y los resultados tienen que salir con letras oscuras y salen con letras blancas. saludos
- easy-autocomplete.rar(1,6 KB)
- jquery.easy-autocomplete.rar(7,2 KB)
Valora esta pregunta
0