javascript - 如何在rails 4.2.1中使用jquery-addresspicker

Question

有人知道怎么用吗？
我已经尝试过但仍然失败 在我的源控制台中我收到此错误
Uncaught ReferenceError :谷歌未定义

我将 jquery.ui.addresspicker.js 放在我的 vendor/ Assets /javascripts 文件夹中
这是我的 应用程序.js

//= require jquery
//= require jquery_ujs
//= require jquery-ui/datepicker 
//= require bootstrap
//= require turbolinks
//= require underscore
//= require gmaps/google
//= require jquery.ui.addresspicker
//= require_tree .

我已经在我的 application.html.slim 中包含了 googlemaps

head
  = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true
  = javascript_include_tag 'application', 'data-turbolinks-track' => true
  script src="//maps.google.com/maps/api/js?sensor=false" type="text/javascript"

我找到了 gem ，但它不是支撑轨 4 https://github.com/ddidier/address_picker-rails

这里有类似的问题，但这些问题仍然没有告诉我如何使用 jquery-adresspicker How to use jquery-addresspicker jquery with rails 3.1

更新 我尝试更改 application.html.slim 中脚本的顺序 并把 googlemaps 脚本放在第一位 现在我收到此错误

未捕获的类型错误:$.widget 不是函数

Answer 1

我已经通过使用 Bower-rails 使其工作 https://github.com/rharriso/bower-rails/

通过 Bower-rails 安装后
将所需的js调用到rails Assets 管道(application.js)
我的应用程序.js

...
//= require typeahead.js/dist/bloodhound.js
//= require typeahead.js/dist/typeahead.jquery.js
//= require typeahead-addresspicker/dist/typeahead-addresspicker.js
//= require_tree .

其余的就像你在纯 html 文件中实现它一样

如果您遵循 readme.md 中的示例代码并且未显示 map ，请不要忘记将其添加到您的 css 文件中 我把它放在我的 Model.scss 文件中

#map {
  float:right;
  width: 490px;
  height: 500px;
  border: 1px solid #DDD;
}