Question

我希望将搜索结果显示在许多列中，即分开列表，例如：

Item 1    Item 5    Item 9
Item 2    Item 6    Item 10
Item 3    Item 7    
Item 4    Item 8

在创建新列表之前，按照任何方式指示每个列表应显示多少项目。

我不清楚自动填充中的formatItem()功能，因此不确定是否可以在那里实现。

任何建议/指导都将受到高度赞赏，包括允许我获得此结果的任何其他插件/方法。

感谢。

编辑：

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: -0.899994px; left: 0px; display: block; position: relative; width: 150px;">
<li class="ui-menu-item" role="menuitem">
    <a class="ui-corner-all" tabindex="-1">Shanghai</a>
</li>
<li class="ui-menu-item" role="menuitem">
    <a class="ui-corner-all" tabindex="-1">Mumbai</a>
</li>
<li class="ui-menu-item" role="menuitem">
    <a class="ui-corner-all" tabindex="-1">Karachi</a>
</li>
<li class="ui-menu-item" role="menuitem">
    <a class="ui-corner-all" tabindex="-1">Delhi</a>
</li>
<li class="ui-menu-item" role="menuitem">
    <a class="ui-corner-all" tabindex="-1">Istanbul</a>
</li>
<li class="ui-menu-item" role="menuitem">
    <a class="ui-corner-all" tabindex="-1">São Paulo</a>
</li>
<li class="ui-menu-item" role="menuitem">
    <a class="ui-corner-all" tabindex="-1">Moscow</a>
</li>

这是自动完成时自动生成的HTML，我想将其拆分为新列表中的每3个项目，以便每个列表都成为一列。

也许我正在考虑一种比需要更复杂的方式而且还有另一种方式，如果是这样的话，我会很感激任何见解。

再次感谢。

Answer 1

发现这个：

Multi-column lists

这很容易与我的实现集成，并允许我拥有我想要的东西。

jQuery UI自动完成 - 在单独的列表中显示结果

1 个答案: