个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试让 Google Places Autocomplete API 在 WorkLight 上运行，但似乎出现了问题。
使用计算机的浏览器时，一旦我开始输入地点名称，自动完成建议就可以正常工作，我可以选择一个。但是，当在移动设备(Android 或 iPhone)上运行该应用程序时，我可以看到自动完成结果，但点击它们时什么也没有发生。
我发现一些 js 库可以更轻松地让 GooglePlaces Autocomplete API 正常工作 - 我的意思是，移动设备(WorkLight/Cordova 应用程序)除外
我还发现有些人报告了 Cordova 的问题。有些人能够通过向 google 元素添加“needclick”类来解决问题，但这对我不起作用
这里有一个用于测试的JS库: http://ubilabs.github.io/geocomplete/
相关问题的 StackOverflow 链接:
can't tap on item in google autocomplete list on mobile
有人知道可能的解决方案吗？
最佳答案
我刚刚尝试过，它对我来说效果很好。这就是我所做的，如果您做了任何不同的事情，请告诉我们
“工作正常”是指我在文本字段中输入时可以看到提供的选项列表，并且我可以点击其中一个选项，它将填充文本字段。
这是index.html的代码
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>googleplaces</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<!--
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
-->
<link rel="stylesheet" href="css/main.css">
<style type="text/css" media="screen">
form {
background: url(https://developers.google.com/maps/documentation/places/images/powered-by-google-on-white.png) no-repeat center right;
}
</style>
<script>window.$ = window.jQuery = WLJQ;</script>
</head>
<body style="display: none;">
<form>
<input id="geocomplete" type="text" placeholder="Type in an address" size="90" />
<input id="find" type="button" value="find" />
</form>
<script src="js/initOptions.js"></script>
<script src="js/main.js"></script>
<script src="js/messages.js"></script>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/jquery.geocomplete.js"></script>
<script>
$(function(){
$("#geocomplete").geocomplete()
.bind("geocode:result", function(event, result){
$.log("Result: " + result.formatted_address);
})
.bind("geocode:error", function(event, status){
$.log("ERROR: " + status);
})
.bind("geocode:multiple", function(event, results){
$.log("Multiple: " + results.length + " results found");
});
$("#find").click(function(){
$("#geocomplete").trigger("geocode");
});
});
</script>
</body>
</html>
关于cordova - Worklight 的 Google 地方信息自动完成问题 - 无法点击，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24642453/
25
4
0
我是一名优秀的程序员,十分优秀！