jQuery autocomplete显示两个结果列表

Question

我有一个网站使用jQuery自动完成功能来搜索建议，使用自定义显示。到目前为止一切正常。

没有问题是结果项目分为两类建议，我想将它们显示为单独的列表。我知道Categories example，但这会将结果显示在一个列表中，并带有间歇性字幕。

我发现this example使用第二个隐藏的自动填充来发出两个搜索请求。这不起作用，因为结果来自我的案例中的单个请求。

我最接近的是通过覆盖_renderMenu为每个类别生成两个ul列表，在li主文件中包含ul以便下一个列表使用CSS互相使用，如下所示：

<ul id="ui-id-1"">
    <li>
        <ul>
            <li><b>Articles</b></li>
            <li class="ui-menu-item">Article 1</li>
            <li class="ui-menu-item">Article 2</li>
            <li class="ui-menu-item">Article 3</li>
        </ul>
    </li>
    <li>
        <ul>
            <li><b>Categories</b></li>
            <li class="ui-menu-item">Category 1</li>
            <li class="ui-menu-item">Category 2</li>
            <li class="ui-menu-item">Category 3</li>
        </ul>
    </li>
</ul>

但是，在这种情况下，使用光标导航（向下箭头）无法正常工作。当菜单弹出并按下向下箭头时，将抛出异常。如果鼠标首先悬停在任何项目上，则键导航将在一个列表中工作。 Example here

有没有办法启用密钥导航，并使其“跳过”类别？