Rails - jQuery Geocoding und Places Autocomplete Plugin funktioniert nicht

Ich versuche, das oben erwähnte Plugin für eine Events App zu verwenden, die ich mit Ruby On Rails erstellen, aber ich kann es nicht zum Laufen bringen. Der Zweck des Plugins ist es, den Benutzer bei der Erstellung/Bearbeitung eines neuen Ereignisses zu unterstützen, indem die Adresse automatisch vervollständigt wird.Rails - jQuery Geocoding und Places Autocomplete Plugin funktioniert nicht

Das ist mein events.coffee Datei -

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 .

Ich habe auch die jquery.geocomplete.js & jquery.geocomplete.min.js heruntergeladen und hinzugefügt sie zu meinem Javascript-Ordner.

Das ist mein _form.partial.html.erb mit geocomplete Kennung -

<%= 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' %>

Das ist mein application.html.erb mit Link Google 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>

Jede mögliche Unterstützung, warum Dies funktioniert nicht, würde ich schätzen.

Quelle

2016-04-04 Mike.Whitehead

Ich habe es funktioniert.

Alles, was benötigt wurde, war die folgende Anpassung an die application.js Datei als dokumentiert -

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

$(function() { 
$("#geocomplete").geocomplete(); 
});

Quelle

2016-04-05 11:59:47

Rails - jQuery Geocoding und Places Autocomplete Plugin funktioniert nicht

Antwort

Verwandte Themen