jQuery UI 自动完成延迟选项

jQuery UI 提供了自动完成组件，允许用户输入内容时，实时显示可能的匹配结果。

自动完成组件通过 AJAX 请求或本地数据源来获取匹配结果。然而，当使用 AJAX 请求时，由于网络延迟，用户可能会感到应用程序响应不及时。

为了解决这个问题，jQuery UI 提供了一个名为 delay 的选项。

当用户在输入框中停顿时，如果设置了 delay 选项，自动完成组件将延迟 delay 毫秒后开始发送 AJAX 请求，这样用户需要等待哪怕一瞬间都不用担心什么。

下面是使用 delay 选项的示例代码：

$( "#autocomplete" ).autocomplete({
  delay: 500, // 延迟半秒钟
  source: function( request, response ) {
    // AJAX请求
  },
  // 其他选项
});

注意，当用户继续输入时，自动完成组件会重新启动一个延迟计时器，以确保只有在用户停止输入时才发送 AJAX 请求。

参考资料

• jQuery UI Autocomplete Widget - Options