jQuery UI 自动完成需要在 iOS 上双击

【问题标题】：jQuery UI autocomplete needs double tap on iOSjQuery UI 自动完成需要在 iOS 上双击
【发布时间】：2015-04-01 20:38:24
【问题描述】：

我正在使用 jQuery UI 自动完成（默认功能），但我在 iOS 中遇到了一个问题 - 我需要点击两次才能选择一个选项。我在模态窗口中将它与 Bootstrap 一起使用。有什么解决办法吗？

【问题讨论】：

我遇到了同样的问题。这个答案帮助我解决了这个问题：stackoverflow.com/a/27622899/2940802
感谢 Jose...我通过更改 jQuery UI 版本解决了这个问题。

标签： javascript iphone ipad jquery-ui twitter-bootstrap-3

【解决方案1】：

我通过使用 Focus 事件解决了同样的问题。首先检测它们是否在触摸设备上。您可以展开下面的用户代理以获得更完整的列表。

然后在 select 事件中执行您正在执行的操作。这将一键重定向它们。

   focus: function (event, ui) {
   if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
       window.location.href = ui.item.url;
   } else{
     $('#SearchTerm').val(ui.item.label)
   }
}

【讨论】：