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