Autocompletado para buscador comportamiento extraño
Publicado por deividcp (1 intervención) el 04/11/2018 12:38:31
Estoy usando un Script de autocompletado para el buscador me funciona correctamente pero tengo un problema que cuando intento usar cualquier acceso directo con el símbolo # me lo copia al input del buscador, por ejemplo intento acceder a un div con <a href="#div1"><a> y me copia div1 al input..
Script
En pricipio pienso que error esta aquí pero no estoy seguro..
Toda la ayuda es bienvenida.. ya no se que hacer mas
Explicación mas extensa de mi fallo
El problema es que si intento llamar a cualquier div usando la # como por ejemplo <a href="#div1"><a>o <a href="#loquequieras"><a> da igual que no exista el div pero al hacer clic en el enlace el texto me lo copia al buscador por ejemplo de <a href="#div1"><a> me copia al buscador div1
Script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script>
$(document).ready(function(){
$('#nombre').keyup(function(){
var query = $(this).val();
if(query != '')
{
var _token = $('input[name="_token"]').val();
$.ajax({
url:"{{ route('autocomplete.fetch') }}",
method:"POST",
data:{query:query, _token:_token},
success:function(data){
$('#List').fadeIn();
$('#List').html(data);
} }); } });
$(document).on('click', 'li', function(){
$('#nombre').val($(this).text());
$('#List').fadeOut();
});
});
</script>
En pricipio pienso que error esta aquí pero no estoy seguro..
1
2
3
$(document).on('click', 'li', function(){
$('#nombre').val($(this).text());
$('#List').fadeOut();
Explicación mas extensa de mi fallo
El problema es que si intento llamar a cualquier div usando la # como por ejemplo <a href="#div1"><a>o <a href="#loquequieras"><a> da igual que no exista el div pero al hacer clic en el enlace el texto me lo copia al buscador por ejemplo de <a href="#div1"><a> me copia al buscador div1
Valora esta pregunta
0