Tengo 4 jQuery autocompletar cuadros de texto. Necesito agregar un poco de estilo a una lista de autocompletar en particular.jQuery UI autocompletar: Obtener referencia al ul
El ul se agrega al cuerpo con la clase ui-autocomplete
. No hay un enlace que diga a qué ul
pertenece a qué cuadro de texto.
por eso es necesario añadir el estilo de la interfaz de usuario después de que el éxito del Ajax o alguna opción que viene con
$("#srchList").autocomplete(
source: function (request, response) {
$.ajax({ .....
success: function (d) {
},
......
});
},
open: ....
select : .....
).data('autocomplete')._renderItem = function (liObj, item) {
//Position the Autocomplete dropdown. This is not working !!!
//$(liObj).parent().css({ 'margin-left': '-18px' });
//Style the dropdown Item. (this works. the li is returned as string to jQuery UI and is added by the jQuery UI to the ul)
return $("<li class='dropItem'></li>")
.data("item.autocomplete", item)
.append($("<a></a>").html(item.label))
.appendTo(liObj);
};
Hay algunas opciones como: abierta, positon: etc, pero ninguno de ellos obtener la ul -controlar para que aplique el estilo css sobre él.
Por favor, ayúdame a obtener la referencia a la ul para un cuadro de texto en particular.
Estructura DOM: El cuadro de texto está en algún lugar dentro de las <form>
Gracias de antemano.
siempre revisa las pestañas "opciones", "eventos" y "métodos" en las páginas de ejemplo de jqueryui - ahí está la cosa jugosa. Me alegro de haber ayudado,) – kontur