jquery-mobile - 使用 Jquery Mobile 的 Google Places 自动完成功能无法在移动/触摸设备上运行

Question

正如标题所示，我正在使用 JQuery Mobile (1.3.0) 构建一个移动网站，并尝试实现 Google Places Autocomplete (API v3) 以帮助用户输入位置数据。

自动完成功能在桌面设备上正常运行，但在移动设备上使用时不正常(我只在 iOS 6 上测试过)。

在移动设备上使用时，相关位置的下拉列表确实会出现，但是当您按下一个而不在 map 上加载选择时就会消失。

我环顾四周，看到了一些可以看到 z-index 的解决方案

.pac-container

作为罪魁祸首(见: http://osdir.com/ml/google-maps-js-api-v3/2012-01/msg00823.html)。

我已经实现了这些修复但无济于事， 我不相信 z-index 是问题 因为我可以看到所选项目在移动设备上按下时确实会更改为:悬停状态/颜色。

如果有人有任何建议，我会全力以赴，如果需要更多详细信息，请告诉我。

Answer 1

Saravanan 的回答有点矫枉过正。要解决与 FastClick 和 PAC 的冲突，请添加 需要点击类到 pac 项目 及其所有的 child 。

$(document).on({
    'DOMNodeInserted': function() {
        $('.pac-item, .pac-item span', this).addClass('needsclick');
    }
}, '.pac-container');