Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Autocompletado no me funciona en la ventana modal

Estas en el tema de Autocompletado no me funciona en la ventana modal en el foro de Jquery en Foros del Web. Buenos días, estoy utilizando bootstrap en una ventana modal pero en el input de esa ventana debo de utilizar un autocompletado, no sé que pasa ...
  #1 (permalink)  
Antiguo 20/02/2015, 09:03
 
Fecha de Ingreso: septiembre-2011
Mensajes: 233
Antigüedad: 12 años, 7 meses
Puntos: 1
Autocompletado no me funciona en la ventana modal

Buenos días, estoy utilizando bootstrap en una ventana modal pero en el input de esa ventana debo de utilizar un autocompletado, no sé que pasa que no me funciona en la ventana modal, como hago para que el autocompletado funcione en la ventana modal? este es el código que estoy utilizando:

Código HTML:
<div class="modal fade" id="personal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden=true data-backdrop="static" data-keyboard="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header paneles">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title text-center">Enviar Email:</h4>
</div>
<div class="modal-body"><!--formulario para agregar personal-->
<form class="form-horizontal" role="form" id="agregarEmp">

	<div class="form-group"><!--Label e input para el nombre y apellido-->
		<label for="correo" class="col-sm-3 control-label">Email:</label>
		<div class="col-sm-9">
			<input type="text" class="form-control" id="correo" name="correo"/>
		</div>
	</div>					
</div>	
</form>
</div>
</div>
</div>
</div> 
y en el jquery utilizo:
Código:
$('#correo').autocomplete({
	 	source : ['Luis', 'Jose'] 
	 });
porque no me funciona? :(
  #2 (permalink)  
Antiguo 20/02/2015, 10:07
 
Fecha de Ingreso: septiembre-2011
Mensajes: 233
Antigüedad: 12 años, 7 meses
Puntos: 1
Respuesta: Autocompletado no me funciona en la ventana modal

Ya lo solucione, solo hay que agregar estas 3 líneas al estilos:
Código HTML:
ul.ui-autocomplete {
    z-index: 1100;
}
y me funciona, dejo también el link donde lo consegui: jquery UI autocomplete inside a modal ui dialog - suggestions not showing?

Etiquetas: autocompletado, modal, ventana
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:32.