iPhone Web 应用程序的自动完成ajax 文本框？

Question

我开发了一个 Rails 网站，其中有一个带有自动完成功能的文本框（当用户开始键入时，有效值列表会“下拉”在其下方）。为此，我使用了 Rail 的自动完成。

现在我正在开发这个网站的移动版本。由于目标浏览手机是 iphone，因此我使用 jqtouch。

因此我的问题是：在 iPhone Web 应用程序上执行“自动完成 ajax 文本框”的最佳方法是什么？

我怀疑应该有一个简单的方法来做到这一点，因为 jqtouch 使用 jquery，并且有 几个自动完成插件（顺便说一句，不知道哪一个最适合这个任务）。然而，如果有人认为有比 jqtouch 更好的方法来做到这一点，我愿意接受建议。

Answer 1

我没有解决方案的 URL，但我也考虑过这个问题并有以下想法：

充分利用有限的空间

在 iPhone 上，键盘占用了很多空间，因此您将没有足够的空间来显示普通的自动完成框。

因此，我认为您应该内联列出自动完成选项。希望通过此方法，您可以每行显示 2-3 个选项。

不要扰乱焦点

另一个需要考虑的问题是焦点。如果您在 iPhone 上使用过 StackOverflow 或 Delicious，您会意识到焦点的变化实际上使得创建一个像样的自动完成工具变得非常困难，因为当文本改变时，窗口的缩放和位置也会改变。

Answer 2

好吧，在这方面工作了近一周后，我必须对自己做出回应：

截至今天（2010 年 2 月）我找不到任何“好的”或至少“标准化”的方法来为 iphone 执行 ajax 自动完成< /强>。我认为没有。

您现在唯一的选择是：

• 自己编写一个自定义自动完成功能（可能使用 jquery 插件之一）。结果在 iPhone 上可能看起来不太好，除非如 Jon 所说，将其限制为 3 个结果。
• 追求完全不同的东西。就我而言，我决定使用两个字段而不是一个：用户可以“用作过滤器”的文本框和用户可以在其中选择正确答案的“动态选择”。

如果将来出现任何替代方案，我将很乐意接受。现在我认为这已经结束（没有有效的回应）。