2016-04-04 13 views
1

Ruby On Railsを使用してビルドしているイベントアプリに前述のプラグインを使用しようとしていますが、動作させることができません。 プラグインの目的は、新しいイベントの作成/編集時にロケーションアドレスを自動補完することによって、ユーザーを支援することです。Rails - jQueryジオコーディングとプレースオートコンプリートプラグインが動作しない

これは私のevents.coffeeファイルである - 私もjquery.geocomplete.jsに& jquery.geocomplete.min.jsをダウンロードして、コメントを追加しました

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 . 

それらは私のjavascriptフォルダにあります。

これはgeocomplete識別子と私の_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> 

理由としてどのような援助これはうまくいかないでしょう。

答えて

2

私はそれが働いている。文書化されているように必要に応じた

すべてはapplication.jsファイルを次のように調整した -

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

$(function() { 
$("#geocomplete").geocomplete(); 
}); 
関連する問題