Tengo problemas con un autocomplete de jquery, la funcion es esta:
Código:
(function($) {
$( "#tags" ).autocomplete({
source: "tags2.php",
autoFocus: true,
selectFirst: true,
typeAhead: true,
minChars: 0,
minLength:0,
autoFocus: true,
select:function(e,u) {
var option_selected = u.item.value;
$(this).autocomplete('search', option_selected);
}
}).keyup(function() {
var isValid = false;
for (i in validOptions) {
if (validOptions[i].toLowerCase().match(this.value.toLowerCase())) {
isValid = true;
}
}
valoractual=this.value;
if (valoractual.length<previousValue.length)
{
previousValue = this.value;
} else
{
if (!isValid) {
this.value = previousValue
} else {
previousValue = this.value;
}
}
}).blur(function(){
$(this).autocomplete('enable');
})
.focus(function () {
if (this.value=="Categorias...") this.value='';
$(this).autocomplete('search', this.value);
});
Lo que quiero es que los resultados se resalte en negrita lo que coincida con la busqueda.
digamos que si en campo escribo:
os
en los resultados quiero que salga esto por ejemplo:
perr
os
gat
os
canari
os
elefantes
Las negritas las pongo yo desde los resultados que se generan en source, desde tags2.php
Pero mi problema es que me sale asi:
perr<b>os</b>
gat<b>os</b>
canari<b>os</b>
elefantes
Es como si no interpretara las negritas...
Yo de jquery no domino mucho, lo hago todo a base de probar y buscar, pero en esto me estoy atrancando mas de lo normal.
Alguna idea???
Saludos y GRACIAS!