标题显示我正在使用JQuery Mobile(1.3.0)构建移动网站,并且正在尝试实施Google Places Autocomplete(API v3)以帮助用户输入位置数据.
自动完成功能在桌面设备上正常运行,但在移动设备上使用时无法正常运行(我仅在iOS 6上进行过测试).
在移动设备上使用时,会显示相关位置的下拉列表,但是当您按下一个而不在地图上加载选择时,它就会消失.
我环顾四周,看到了一些可以看到z-index的解决方案
的.pac容器
作为罪魁祸首(见:http://osdir.com/ml/google-maps-js-api-v3/2012-01/msg00823.html).
我已经实现了这些修复,但无济于事,我不相信z-index是问题,因为我可以看到所选项目确实改变了它:在移动设备上按下时悬停状态/颜色.
如果有人有任何建议,我很满意,需要更多详情让我知道.
设置是PhoneGap应用上的Google Maps Javascript API(v3),我设置了自动完成功能:
var that = this
this.autocomplete = new google.maps.places.Autocomplete(domNode)
this.listener = google.maps.event.addListener(
this.autocomplete, 'place_changed', function (place) {
var place = that.autocomplete.getPlace()
...
}
})
Run Code Online (Sandbox Code Playgroud)
此代码适用于我的Android版本和浏览器.问题是我在iOS下运行它.我在搜索框中键入一个字符串,显示自动填充结果,但单击其中一个只会关闭下拉列表,但结果不会填充到搜索框中.听众也不会开火.Javascript控制台上没有显示错误.
这是Google的所有代码,所以我对如何调试感到茫然.任何帮助,将不胜感激.谢谢!