如何使自动完成搜索结果包含超链接

时间:2014-02-05 22:33:57

标签: javascript jquery

您好我正在搜索框中搜索列表中的项目。当用户开始输入单词时,原始列表淡出,匹配项列表淡入,列表中的项目将包含一些超链接。

这就是我现在所能得到的,http://jsfiddle.net/x69chen/sbAR6/5/

我正在使用fadeIn,fadeOut更改列表和自动完成功能。 像这样的东西

$(".form-search").keypress(function() { $("#nav-list123").fadeOut({}); $("#search-result").fadeIn({}); $("#autocomplete").autocomplete({}});

但是,我无法为搜索结果制作超链接,似乎我需要自定义自动完成代码。我不知道怎么做。

有人可以帮我吗?

感谢。

1 个答案:

答案 0 :(得分:1)

你可以手动打开这样的链接:

$("#autocomplete").autocomplete({
  source: source,
  select: function( event, ui ) {
    window.location.href = ui.item.value; 
    //window.open(ui.item.value); // if you  want to open it in new tab

  }
});