javascript - Rails - jQuery 地理编码和地点自动完成插件不工作

标签 javascript jquery ruby-on-rails coffeescript

我正在尝试将上述插件用于我正在使用 Ruby On Rails 构建的 Events 应用程序,但我无法让它工作。 该插件的目的是在创建/编辑新事件时通过自动完成位置地址来帮助用户。

这是我的 events.coffee 文件 -

jQuery ->

 $("#datepicker").datepicker(dateFormat: "DD, d MM, yy");

jQuery ->

$('geocomplete').geocomplete()

$.fn.geocomplete 'geocomplete'

应用程序.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' %>

这是我的带有 google api 链接的 application.html.erb -

<!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();
});  

关于javascript - Rails - jQuery 地理编码和地点自动完成插件不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36407278/

相关文章:

javascript - (Angular)在我的情况下如何返回不同的 Observable 类型请求?

javascript - jquery中如何获取不同div的输入值?

jquery - 发布动态字段数据返回到 Cakephp 中查看

javascript - 用于模拟按键的 Jquery 脚本按下不运行键盘快捷键

javascript - 访问潜在 null/ undefined variable 的属性 - javascript

ruby-on-rails - 奇数 rake db :migrate output

javascript - Encodeuricomponent 在 rails 中解码它

javascript - Angular 部分 : templateUrl Routing Local . HTML 文件

javascript - 带有 webpack 的简单 Vue.js

ruby-on-rails - Rails 权限被拒绝@dir_s_mkdir