一个页面上有多个jQuery自动完成实例

前端之家收集整理的这篇文章主要介绍了一个页面上有多个jQuery自动完成实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在每个页面上对每个jQuery的自动完成插件实例进行不同的设置.除了我无法弄清楚如何为每个实例设置不同的样式.我似乎无法在div中包装ac_ *样式以从CSS中识别它们.我所做的每一项改变都会影响到有任何想法吗?

谢谢.

解决方法

我想你会发现你的问题是自动完成下拉列表没有放在你的占位符中……例如:
<div class="differentStyle">
    <input type="text" class="autocomplete">
</div>

当结果返回时,会在页面添加一个新div以显示结果 – 但不会在“differentStyle”分区内.它只是添加到DOM的末尾.例如:

<div class="differentStyle">
    <input type="text" class="autocomplete">
</div>

...
<div class="ac_results">I get added by jQuery Autocomplete!</div>
</body>

阅读文档,我会说它将覆盖同一页面上两个自动完成框的样式是不可能的:

http://docs.jquery.com/Plugins/Autocomplete

猜你在找的jQuery相关文章