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

Question

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

Answer 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)
   }
}