Question

我正在尝试使用建议旁边显示的额外信息来实现自动完成。每当我将鼠标悬停在该项目上时，它都应该显示一些有关该项目的额外详细信息。

我尝试添加具有自动完成功能动态位置的额外div，但是没有运气。

如果有人有什么主意，我全是耳朵！

谢谢

Answer 1

您可以在这里-> https://jqueryui.com/autocomplete/#custom-data来了解如何创建带有额外信息的jQuery UI自动完成功能。（请确保使用其定义的名称“ label，desc”等）。

使用所需信息创建jquery ui自动完成功能后，可以使用jquery .hover（）显示所需信息（以防您不喜欢UI页面上的默认示例）。 https://api.jquery.com/hover/

编辑：只是为了使您更容易理解，而不是在UI自动完成时附加item.desc，您可以将鼠标悬停（item.desc）

我正在谈论这部分代码->

.autocomplete( "instance" )._renderItem = function( ul, item ) {
  return $( "<li>" )
    .append( "<div>" + item.label + "<br>" + item.desc + "</div>" )
    .appendTo( ul );

带有子项的jQuery-ui自动完成

1 个答案: