javascript - jQuery 自动完成 - 结果链接

标签 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" )._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 )     
   }
  };

我不知道我更改了什么,但现在当我单击结果时,它不会触发 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>

大家有什么想法吗?

最佳答案

原来最新版本的 jquery ui min 打破了点击。我恢复到旧版本。

关于javascript - jQuery 自动完成 - 结果链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4369664/

相关文章:

javascript - 将数字包裹在 span 和 .not() 中

javascript - 主干 model.unset 不删除属性

jquery - DELETE 命令未到达 WebAPI Controller

user-interface - Meshlab - 可以导出/导入当前的相机配置吗?

java - 不同层次结构层上的多个 JScrollPane (Java) : horizontal scroll bar issue

java - 在 java swing 中播放 avi 视频文件

javascript - 在 jQuery 的特定页面上加载和初始化多个 JS 插件

javascript - WOW.js : MutationObserver is not supported by your browser

javascript - 无论屏幕大小如何,如何从 JS 强制使用 CSS @media 样式?

javascript - 使用 jQuery 在悬停时添加 CSS 类