使用谷歌浏览器检查jquery-ui自动完成列表?

时间:2012-06-11 06:31:40

标签: jquery jquery-ui google-chrome autocomplete

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

但是当我向每个li添加一些div时,我的列表变得太宽了。

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

我如何检查清单?

4 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

您是否已将关闭列表的选项设置为默认值以外的其他选项?

我在jQuery http://jqueryui.com/demos/autocomplete/#option-source上尝试了这个例子,可以轻松“右键单击”一个列表项并选择“inspect element”,使其出现在Dev工具的检查窗口中

答案 2 :(得分:0)

试试这个:$("#search_input")。触发器(' keyup');

答案 3 :(得分:0)

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

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