1
J'ai autocomplete retour:jQuery autocomplete - lien résultat
$("#_results").autocomplete({
source: data1,
minLength: 0,
selectFirst: true,
select: function(event, ui) {
if(event.keyCode == 13){
window.open(ui.item.url);
}
}
}).data("autocomplete")._renderItem = function(ul, item) {
if(item.label == "No results found"){
return $("<li></li>")
.data("item.autocomplete", item)
.append("<a href=\'#\' title='No results found' target=\'_self\'>" + "<span class='apptitle'>" + item.title + "</span>" + "<br />" + "<span class='descrip'>" + item.description + "</span>" + "</a>")
.appendTo(ul)
}
else if(item.support_url != ""){
return $("<li></li>")
.data("item.autocomplete", item)
.append("<a href=\'" + item.url + "\' title='Click here to launch' target=\'_blank\'>" + "<span class='apptitle'>" + item.title + "</span>" + "<br />" + "<span class='descrip'>" + item.description + "</span>" + "<a href=\'" + item.support_url + "\' target=\'_blank\'><img src=\'http://supportcentral.ge.com/images/HELP_FORMS.GIF\' /><span class=\'supportText\'>Please click here for support</span></a>" + "</a> <hr width='80%' align='center'>")
.appendTo(ul)
}else{
return $("<li></li>")
.data("item.autocomplete", item)
.append("<a href=\'" + item.url + "\' title='Click here to launch' target=\'_blank\'>" + "<span class='apptitle'>" + item.title + "</span>" + "<br />" + "<span class='descrip'>" + item.description + "</span>" + "<a href=\'http://supportcentral.ge.com/cases/case_log_quickcase.asp?prod_id=139545&cat_id=92831\'><img src=\'http://supportcentral.ge.com/images/HELP_FORMS.GIF\' /><span class=\'supportText\'>No support URL was provided. Please suggest one.</span></a>" + "</a> <hr width='80%' align='center'>")
.appendTo(ul)
}
};
Je ne sais pas ce que je changé, mais maintenant, quand je clique sur le résultat, il ne déclenchera pas le href. Je peux faire un clic droit dessus et choisir "ouvrir une nouvelle fenêtre/onglet" et cela fonctionne. Appuyez sur Entrée pour déclencher l'ouverture de l'URL. Mais cliquer dessus avec la souris ne fait rien d'autre que cacher la liste (comme si elle avait fait ce qu'elle était censée faire). Quand je regarde le HTML, il me semble correct:
<a target="_blank" title="Click here to launch" href="some_url_cant_post_more_than_1_on_here" class="ui-corner-all" tabindex="-1"><span class="apptitle">Some Title</span><br><span class="descrip">Description of App</span></a>
Vous avez des idées?