cordova – 谷歌地方自动完成问题与工作灯

概述我正在尝试将Google商家信息自动填充API用于WorkLight,但看起来有些问题. 当我使用计算机的浏览器时,一旦我开始输入地点的名称,自动填充建议就可以正常工作,我可以选择一个.但是当在移动设备(Android或iPhone)上运行应用程序时,我能够看到自动完成结果,但是当我点击它们时没有任何反应. 我找到了一些js库,可以让GooglePlaces Autocomplete API更容易我正在尝试将Google商家信息自动填充API用于Worklight,但看起来有些问题.

当我使用计算机的浏览器时,一旦我开始输入地点的名称,自动填充建议就可以正常工作,我可以选择一个.但是当在移动设备(Android或iPhone)上运行应用程序时,我能够看到自动完成结果,但是当我点击它们时没有任何反应.

我找到了一些Js库,可以让GooglePlaces autocomplete API更容易工作 – 我的意思是,除了在移动设备上(Worklight / Cordova App)

我还发现有些人报告了cordova的问题.有些人能够通过向Google的元素添加“needclick”类来解决问题,但这对我不起作用

这是一个用于测试的Js库：
http://ubilabs.github.io/geocomplete/

StackOverflow链接及相关问题：

can’t tap on item in google autocomplete list on mobile

有没有人对可能的解决方案有任何想法？

解决方法我刚尝试过,它对我来说很好.这就是我所做的,如果你做了不同的事情,请告诉我们

>创建了一个新的混合应用程序
>将jquery.geocomplete.Js添加到common / Js文件夹中
>使用API提供的代码示例更新了index.HTML代码
文件
>在常见预览上测试(工作正常)
>创建了一个AndroID环境并在Nexus 7设备上执行它(androID 4.4.2) –
工作得很好.

“工作正常”我的意思是当我在文本字段中键入时我可以看到提供的选项列表,我可以点击其中一个选项,它将填充文本字段.

这是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 >        <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&amp;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",status){        $.log("ERROR: " + status);      })      .bind("geocode:multiple",results){        $.log("Multiple: " + results.length + " results found");      });    $("#find").click(function(){      $("#geocomplete").trigger("geocode");    });  });    </script>    </body></HTML>

总结

以上是内存溢出为你收集整理的cordova – 谷歌地方自动完成问题与工作灯 – 无法点击全部内容，希望文章能够帮你解决cordova – 谷歌地方自动完成问题与工作灯 – 无法点击所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1000811.html