用谷歌浏览器检查 jquery-ui 自动完成列表？答案

【问题标题】：inspect jquery-ui autocomplete list with google chrome?用谷歌浏览器检查 jquery-ui 自动完成列表？
【发布时间】：2012-06-14 01:52:29
【问题描述】：

我正在使用 jquery ui 自动完成，我正在覆盖 _renderItem 方法。

但是，当我向每个 li 添加一些 div 时，我遇到了列表变得太宽的问题。

我想使用 google chromes 开发者工具检查列表，但是列表一直关闭，所以我无法检查它。

如何查看列表？

【问题讨论】：

【解决方案1】：

我发现使用search方法通过控制台打开结果菜单很有效。

$(selector).autocomplete('search', 'substring');

【讨论】：

【解决方案2】：

试试这个：$("#search_input").trigger('keyup');

【讨论】：

【解决方案3】：

从自动完成下拉菜单中选择一个项目，然后右键单击表单上的输入并选择检查元素。您将在其下方看到一个显示设置为无的列表。只需在右侧的样式窗口中禁用该属性，该列表将在 html 中可见。然后你可以检查它的任何部分......

【讨论】：

【解决方案4】：

您是否将关闭列表的选项设置为默认值以外的选项？

我在 jQuery http://jqueryui.com/demos/autocomplete/#option-source 上尝试了该示例，并且可以轻松“右键单击”列表项并选择“检查元素”，使其出现在开发工具的检查窗口中

【讨论】：