Uncaught TypeError: Cannot read property 'cities' of undefined [Geocomplete]

Question

我在Rails中使用这个插件，但仍然有标题错误的问题。

脚本定义：

script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY&libraries=places&sensor=false>

输入文本字段：

<%= f.text_field :place, id: "cities", class: "form-control cities", type: "text" %>

Javascript 加载：

$("cities").geocomplete();
$.fn.geocomplete("cities");

我已按照 GitHub 中所述完成所有操作，但仍然无法正常工作。如果我使用 $("#cities").geocomplete(); 错误是相同的。

拜托，有人可以帮助我吗？

Answer 1

您还应该添加 jquery.geocomplete.js 脚本以使地理完整工作。

脚本：

<script src="http://maps.googleapis.com/maps/api/js?libraries=places"></script>
<script src="jquery.geocomplete.js"></script>

你应该加载这两个脚本，然后调用函数。

$("#cities").geocomplete();  // Option 1: Call on element.

jquery