javascript - 带有链接的 jQuery Catcomplete

Question

所以，我尝试在我的 catcomplete 结果中使用 HTML 链接，但是 jquery 自动将我的 html 代码转换为文本，就像在图像上一样:

我的 jQuery 代码是:

$( "#global-search" ).catcomplete({
    delay: 0,
    source: "globalsearch.php"
});

请不要告诉我使用 select: function( event, ui ) {
window.location.href = ui.item.value;
}，因为它在使用 ajax 时只工作一次(我真的不知道为什么，但它就是不工作)，我昨天在这里问了一些问题，询问如何修复它，但没有人帮助我

那么，回到将 html 转换为文本后，我如何才能将 html 超链接添加到我的结果中？

全局搜索.php:

Answer 1

看看 Custom Data and Display example .您会看到他们已将 _renderItem 方法替换为自定义方法。您需要执行相同的操作来覆盖项目的显示方式。

$('#global-search').data( "autocomplete" )._renderItem = function( ul, item ) {
  return $( "<li>" )
    .data( "item.autocomplete", item )
    .append((item.link) ? "<a href='" + item.link + "'>" + item.label + "</a>" : "<a>" + item.label + "</a>" )
    .appendTo( ul );
};

没有看到你的 globalsearch.php 的输出，我不能告诉你具体如何设置它，但基本上你会想添加一个 link 属性到您返回的 JSON，如果链接存在，则打印带有链接的 anchor 作为其 href。

如何处理选择链接与外部链接留给 OP 作为练习。