jQueryUI autocompletar con los resultados se puede hacer clic

Question

he intentado buscar casos similares y me encontré con algunos, pero cada vez, el código es un poco diferente y no logro encontrar la solución ...

estoy usando jQuery Autocompletar en mi sitio web con datos de una base de datos mysql.
Los resultados están ordenados por categorías para mostrar tanto los productos como las marcas en la misma entrada
¡Así que naturalmente pegué el ejemplo de su sitio web en el mío y funciona bien!
Los JSON generados se ven así

{"label":"Product 1","url":"product.php?id=1","category":"Products"} 

Mi único problema es que me gustaría que los resultados sean hacer clic. Entonces, cuando el usuario hace clic en un resultado, se carga otra página en lugar del comportamiento predeterminado que está llenando la entrada con los datos.

He creado una demo en jsFiddle para que pueda ver lo que está pasando
http://jsfiddle.net/fJ22W (datas más están contenidos en el js aquí)

su ayuda es más que bienvenida, creo que esto no es un gran problema, pero mis pobres habilidades en jQuery me impide resolver ese problema ...

Bertrand

Answer 1

Utilice el evento select:

$("#search").catcomplete({ 
     source: 'suggest_zip.php', 
     select: function(event, ui) { 
      window.location = ui.item.url; 
     } 
    }); 

Obviamente usted quiere tener alguna validación alrededor de la url etc.

Por lo que vale la pena también me gustaría recomendar el uso de autocompletar el widget por defecto y el uso de los eventos y opciones en lugar de tratar de heredar de ella. Su código será mucho más limpio y menos posibilidades de errores extraños.