Javascript jQuery自动完成-结果链接
我已自动完成返回:Javascript jQuery自动完成-结果链接,javascript,jquery,user-interface,autocomplete,Javascript,Jquery,User Interface,Autocomplete,我已自动完成返回: $("#_results").autocomplete({ source: data1, minLength: 0, selectFirst: true, select: function(event, ui) { if(event.keyCode == 13){ window.open(ui.item.url); } } }).data( "autocomplete" )._ren
$("#_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 )
}
};
$(“##_结果”)。自动完成({
资料来源:数据1,
最小长度:0,
selectFirst:是的,
选择:功能(事件、用户界面){
如果(event.keyCode==13){
打开(ui.item.url);
}
}
}).数据(“自动完成”)。\u renderItem=功能(ul,项目){
如果(item.label==“未找到结果”){
返回$(“”)
.data(“item.autocomplete”,item)
.附加(“”)
.附录(ul)
}
else if(item.support\u url!=“”){
返回$(“”)
.data(“item.autocomplete”,item)
.append(“+”
”)
.附录(ul)
}否则{
返回$(“”)
.data(“item.autocomplete”,item)
.append(“+”
”)
.附录(ul)
}
};
我不知道我更改了什么,但现在当我单击结果时,它不会触发href。我可以右键点击它,然后选择“打开新窗口/选项卡”,这样就可以了。同时按enter键将触发要打开的url。但是,用鼠标点击它除了隐藏列表之外,什么也不做(就像它做了它应该做的那样)。当我查看HTML时,我觉得它是正确的:
<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>
有人有什么想法吗?最新版本的jQueryUIMin打破了点击。我又回到了旧版本