jQuery autocomplete - résultat du clic de la souris, l'entrée ne perd pas le focus

Question

Dans la liste des résultats de saisie semi-automatique. Comment capturer l'événement click? Actuellement, les résultats sont des liens. Lorsqu'ils sont cliqués, ils ouvrent une nouvelle fenêtre avec l'URL intégrée, mais lorsque cela se produit, la saisie semi-automatique ne perd pas le focus et la boîte de résultats reste bloquée. Il reste ouvert même lorsque l'utilisateur revient et clique n'importe où sur la page. la seule façon de lui faire perdre la mise au point est de cliquer à l'intérieur de la zone de saisie, puis de cliquer sur le bouton de retour arrière.

Il semble que l'ouverture de la nouvelle fenêtre perd le focus de la boîte de saisie mais ne déclenche pas un événement blur(). Je pensais si je pouvais capturer l'événement de clic que je pourrais déclencher manuellement un .blur() mais j'ai échoué à mes tentatives en utilisant la classe pour les éléments de liste $ ("li") ou leurs noms css $ (".ui-menu"). J'ai également essayé dans l'événement de saisie semi-automatique mais cela n'a rien fait.

Cela ressemble à cela pourrait être une solution: http://jeremydorn.blogspot.com/2010/04/fixing-jquery-ui-autocomplete.html

Mais j'espérais quelque chose de plus élégant.

Merci

Answer 1

Pourquoi ne vous donne pas les liens d'un gestionnaire de clic qui closes the autocomplete?

Par exemple:

$("a.autocompleteLink").click(function() { 
    $("input.autocomplete").autocomplete("close"); 
});