jquery - 一页上 jQuery 自动完成的多个实例

Question

我想在每个页面上为 jQuery 自动完成插件的每个实例设置不同的样式。但我不知道如何为每个实例设置不同的样式。我似乎无法将 ac_* 样式包装在 div 中以从 CSS 中识别它们。我所做的每一个改变都会影响两者。有什么想法吗？

谢谢。

Answer 1

使用 appendTo 选项将自动完成列表放置到某个自定义容器而不是 body 中。然后你就可以设计它的样式了。示例:

JS:

$('#suggestions').autocomplete({source: get_suggestions, appendTo: '#my-suggestions'})

HTML:

<input type="text" id="suggestions">
<div id="my-suggestions"></div>

CSS:

#my-suggestions {
  position: absolute;
}

#my-suggestions .ui-autocomplete {
   foo: bar;
}