Rails-jQuery地理编码和Places自动完成插件不起作用

Rails - jQuery Geocoding and Places autocomplete plugin not working

本文关键字：插件 不起作用 Places 编码 Rails-jQuery      更新时间：2023-12-26

我正试图将前面提到的插件用于我正在使用Ruby On Rails构建的Events应用程序，但我无法使其工作。该插件的目的是帮助用户在创建/编辑新事件时自动完成位置地址。

这是我的events.coffee文件-

jQuery ->
 $("#datepicker").datepicker(dateFormat: "DD, d MM, yy");
jQuery ->
$('geocomplete').geocomplete()
$.fn.geocomplete 'geocomplete'

Application.js

//= require jquery
//= require jquery.turbolinks
//= require jquery-ui/datepicker
//= require jquery_ujs
//= require turbolinks
//= require_tree .

我还下载了jquery.geocomplete.js&jquery.geocomplete.min.js并将它们添加到我的javascript文件夹中。

这是我的_form.partial.html.erb，带有地理完整标识符-

<%= f.input :image, as: :file, label: 'Image' %>
<%= f.input :title, label: 'Title' %>
<%= f.text_field :location, id: 'geocomplete', label: 'Location' %>
<%= f.text_field :date, id: 'datepicker', label: 'Date' %>
<%= f.input :time, label: 'Time' %>
<%= f.input :description, label: 'Description' %>
<%= f.input :organised_by, label: 'Organised by' %>
<%= f.input :organiser_description, label: 'Organiser description' %>
<%= f.input :url, label: "Link to Organiser site" %>
<%= f.button :submit, label: 'Submit' %>

这是我的应用程序.html.erb与谷歌api链接-

<!DOCTYPE html>
<html>
<head>
  <title>MamaKnows</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-        track' => true %>
  <script src="http://maps.googleapis.com/maps/api/js?libraries=places">      </script>
  <script src="jquery.geocomplete.js"></script>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>
<header>

如果您能提供任何帮助来解释为什么不起作用，我们将不胜感激。

我已经开始工作了。

所需要的只是对所记录的application.js文件进行以下调整-

//= require jquery
//= require jquery.turbolinks
//= require jquery-ui/datepicker
//= require jquery_ujs
//= require turbolinks
//= require_tree .
//= require jquery.geocomplete
$(function() {
$("#geocomplete").geocomplete();
});
相关文章：